요약
대체 텍스트 검사기는 지연 로딩 이미지를 포함해 페이지의 모든 img 태그를 읽고 alt 속성을 확인합니다. alt 누락, alt로 쓰인 파일 이름, "이미지" 같은 일반적인 단어, 125자를 넘는 alt, 여러 이미지에 반복된 같은 alt, 텍스트 없는 링크 이미지를 알려 줍니다. 레이아웃을 흔드는, 너비와 높이가 없는 이미지 수도 셉니다.
더 알아보고 싶다면 물어보세요
대체 텍스트는 이미지를 볼 수 없는 대상에게 이미지를 설명합니다. 화면 낭독기, Google 이미지, HTML을 읽는 AI입니다. 링크로 쓰인 이미지에서는 앵커 텍스트가 되기도 합니다. 좋은 alt는 이미지가 보여 주는 것을 짧은 문장으로 말합니다.
도구가 알려 주는 문제
- alt 속성 없음: 이미지가 아무것도 전달하지 못하고, 일부 화면 낭독기는 파일 이름을 읽습니다.
- 파일 이름이나 일반 단어: "IMG_2034.jpg"나 "사진"은 아무것도 설명하지 않습니다.
- 텍스트 없는 링크 이미지: alt가 앵커가 되므로 대상 페이지를 설명해야 합니다.
- 너무 길거나 반복됨: 125자 이내로, 이미지마다 고유한 설명을 쓰세요.
좋은 대체 텍스트 쓰는 법
- 방문자가 보는 것을 페이지 언어로 설명하세요(예: "참나무 의자 정면").
- 키워드는 이미지를 실제로 설명할 때만 넣으세요.
- 장식용 이미지는 alt=""로 써서 화면 낭독기가 건너뛰게 하세요.
- 레이아웃 이동을 막도록 모든 이미지에 너비와 높이를 지정하세요.
발행 전에 이미지를 가볍게 하려면 이미지 압축기를 쓰세요. 이미지와 관련된 다른 신호는 이미지 최적화와 Core Web Vitals를 참고하세요.
