자세히 살펴봐야 할 이미지를 찾아보세요.
Alt Tag Checker
붙여넣은 HTML의 감사 이미지 대체 속성입니다. 누락된 속성을 의도적으로 비어 있는 대체 항목과 분리하고, 각 이미지 소스를 검토하고, 결과를 내보냅니다.
Image alt audit
Your image counts and alt text review will appear here.
대체 태그 검사기: 당신의 수표가 당신에게 말하는 것
대체 태그 검사기는 주의가 필요한 대안이 있는 이미지 요소를 찾는 데 도움이 됩니다. HTML에서 alt는 별도의 태그가 아닌 이미지의 속성입니다. 누락된 속성, 빈 값 및 유용한 설명은 세 가지 다른 경우입니다.
이 로컬 감사는 붙여넣은 HTML의 img 요소를 검사합니다. 페이지를 가져오거나 이미지를 시각적으로 판단하거나 JavaScript를 실행하거나 이미지를 로드하거나 접근성을 인증하지 않습니다. 동일한 이미지가 상황에 따라 다른 용도로 사용될 수 있으므로 파일 중복을 제거하는 대신 이미지 발생 횟수를 계산합니다.
누락된 속성
Alt가 없는 img 요소는 검토가 필요합니다. 보조 기술은 유용한 대안 대신 파일 이름을 알려줄 수 있습니다. 이미지가 정보를 전달하는지 아니면 장식적인지 결정하세요.
빈 대안
장식용 이미지에는 명시적인 alt=""가 적합할 수 있습니다. 이미지에 정보가 추가되지 않으면 비워 두세요. 독자에게 필요한 내용을 전달할 때 유용한 텍스트를 추가하세요.
공백만
Alt 내부의 공백은 별도로 나열됩니다. 이미지 목적을 검토한 다음 장식용으로 완전히 빈 값을 사용하거나 정보용으로 의미 있는 텍스트를 사용하십시오.
텍스트 존재
비어 있지 않은 값은 자동으로 좋은 대안이 아닙니다. 키워드를 채우거나, 근처의 텍스트를 반복하거나, 파일 이름에 의존하지 않고 맥락에 맞게 목적을 설명하는지 확인하세요.
HOW IT WORKS
수표부터 유용한 다음 단계
소스 붙여넣기 또는 렌더링된 HTML
페이지 소스 또는 브라우저 개발자 도구에서 HTML를 복사합니다. 웹 주소만 붙여넣으면 해당 페이지가 검색되지 않습니다.
각 카테고리를 검토하세요
누락된 속성으로 시작한 다음 상황에 맞게 빈 대안을 검토하세요. 결과를 필터링하고 이미지 소스와 대체 텍스트를 비교합니다.
수정하고 다시 확인해보세요
템플릿 또는 CMS 필드를 업데이트하고 검토 목록을 내보낸 다음 게시 후 새로운 HTML를 감사하세요. 광범위한 검토의 일환으로 보조 기술을 사용하여 페이지를 테스트합니다.
동일한 속성, 세 가지 다른 결정
유익한 제품 이미지
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">이미지가 제공하는 정보를 설명합니다. 이 예는 구매자에게 구체적인 시각적 세부정보를 제공합니다.
장식용 칸막이
<img src="divider.svg" alt="">빈 대안은 장식적인 이미지가 독서 경험에 소음을 추가하는 것을 방지할 수 있습니다.
대안이 없는 사이즈 차트
<img src="size-guide.png">누락된 Alt는 검토가 필요합니다. 복잡한 차트에는 짧은 대안 외에 가까운 텍스트나 데이터 테이블이 필요할 수도 있습니다.
For contextual guidance, read the W3C image alt decision tree.