설명 전에 역할 분류하기
모든 세부 묘사보다 맥락이 중요합니다. 빈 alt와 속성 누락은 다릅니다. 복잡한 차트의 데이터와 관계는 글이나 표로도 제공합니다.
| 역할 | 대체 텍스트 | 보충 |
|---|---|---|
| 중복 장식 | alt="" | 주변 글로 충분합니다. |
| 단순 정보 | 맥락에 맞는 짧은 설명 | 무관한 키워드는 넣지 않습니다. |
| 이미지만 있는 링크 | 목적지나 동작 | 이해 가능한 링크 이름. |
| 복잡한 차트 | 주제와 핵심 메시지 | 데이터와 관계를 글로 제공. |
실제 사용 확인하기
- 이미지만 있는 링크는 목적지나 동작을 설명합니다. 충분한 링크 문구가 있으면 반복하지 않습니다.
- 중요한 안내를 title에만 두지 않습니다. 키보드, 터치, 보조 기술에서 안정적으로 접근하지 못할 수 있습니다.
- 언어별로, 이미지 없이도 경로를 시험합니다. 크기와 로딩을 최적화하되 주 이미지를 일괄 지연하지 않습니다.
검색 노출과 권리 함께 확인하기
파일명이나 마크업이 색인이나 순위를 보장하지 않습니다. 사용 권리를 확인한 후 라이선스를 명시하고 필요한 출처 표시를 유지합니다. 합성 삽화는 구분하고 기록 사진의 증거로 제시하지 않습니다.
1차 자료
- W3C WAI — An alt Decision Tree [EN]
- W3C WAI — Functional Images [EN]
- MDN — title attribute [EN]
- Google Search Central — Image SEO [EN]
대체 텍스트는 이미지의 용도에 따라 달라집니다.
설명적인 대체 텍스트가 항상 옳은 것은 아닙니다. 불필요한 장식에는 대체 텍스트를 비워둘 수 있고, 링크된 이미지는 목적지를 명확히 전달해야 하며, 복잡한 도표에는 자세한 설명이 필요합니다. 실제 페이지 맥락에서 이미지를 검토하세요.
- 작성하기 전에 장식, 정보, 기능을 분류하세요.
- 다이어그램 내의 관계는 인접한 텍스트나 표에 나타내십시오.
- 키워드 목록을 작성하거나 허구의 장면을 실제 증거처럼 묘사하는 것을 피하십시오.
1차 자료: W3C WAI — An alt Decision Tree. 관련 방법: 실무 가이드 읽기.