분류: 개발 도구
이미지 alt 텍스트 감사 도구
모든 <img>를 나열하고 누락되거나 부적절한 alt 텍스트를 표시
HTML을 붙여넣으면 모든 <img> 태그를 나열하고, alt 속성이 없는 이미지, alt가 비어 있는 이미지(장식용 이미지라면 정상), 줄일 만큼 긴 alt 텍스트를 표시합니다. 모든 처리가 브라우저에서 이루어집니다.
| 소스 | alt 텍스트 |
|---|---|
/hero.jpg | Team collaborating around a laptop in a bright office (정상) |
/icon-search.svg | (비어 있음(장식용이라면 괜찮습니다)) |
/banner.png | (alt 속성이 없습니다) |
/chart.png | Quarterly revenue chart showing steady growth from January through December, broken down by region and product line, with month-over-month percentage change annotations (줄이는 것을 고려하세요) |
이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.
이 도구로 할 수 있는 일
alt 텍스트는 스크린 리더나 검색엔진이 이미지를 이해하는 방법이지만, 큰 페이지에서는 속성 누락이나 지나치게 긴 설명이 쉽게 눈에 띄지 않고 지나갈 수 있습니다. 이 도구는 붙여넣은 HTML에서 발견된 모든 <img> 태그를 alt 텍스트와 함께 나열하고, alt 속성이 전혀 없는 이미지를 표시하며, 장식용 이미지라면 alt=""로 비어 있어도 괜찮다고 표시하고, 더 명확한 설명으로 줄일 만큼 긴 alt 텍스트를 짚어냅니다.
사용 방법
- 입력창에 페이지나 컴포넌트의 HTML을 붙여넣습니다.
- 이미지 목록과 각 alt 텍스트 옆에 표시되는 상태를 확인합니다.
- 누락된 alt 텍스트를 추가하고, 빈 alt 속성이 의도된 것인지 확인하고, 지나치게 긴 것을 줄입니다.
개인정보
이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.
자주 묻는 질문
- 제 HTML이 어딘가에 업로드되나요?
- 아니요. 문서는 브라우저 탭 안의 토크나이저가 텍스트로만 읽으며, 렌더링, 실행되거나 서버로 전송되지 않습니다.
- alt=""는 항상 실수인가요?
- 아니요. 순전히 장식용인 이미지라면 빈 alt 속성이 명세에서 권장하는 올바른 선택입니다. 그래서 이 도구는 속성이 아예 없는 경우처럼 오류로 취급하지 않고 참고 사항으로 표시합니다.
- alt 텍스트는 얼마나 길면 너무 긴 건가요?
- 정해진 한도는 없지만, 매우 긴 alt 텍스트는 수동으로 확인해 볼 만한 대략적인 신호입니다. 이 도구는 대략 125자를 넘는 alt 텍스트를 더 짧고 명확한 설명으로 검토해 볼 가치가 있다고 표시합니다.