발주 메모 23
페이지 설계실
2026.11.04
페이지 설계실
2026.11.04
다운로드 그림 버튼의 대체텍스트는 모양보다 동작을 설명합니다
W3C WAI는 링크·버튼 이미지의 대체텍스트가 시각 모양보다 기능을 설명하도록 안내합니다. 아래 화살표 그림이라고만 쓰면 어떤 자료를 받는지 모호할 수 있습니다. 사용자가 실행할 동작과 대상을 기준으로 문구를 정합니다.
01기능형 이미지는 무엇을 하는지 전달합니다
W3C WAI는 링크·버튼 이미지의 대체텍스트가 시각 모양보다 기능을 설명하도록 안내합니다. 아래 화살표 그림이라고만 쓰면 어떤 자료를 받는지 모호할 수 있습니다. 사용자가 실행할 동작과 대상을 기준으로 문구를 정합니다.
02버튼 주변 문구와 이름을 맞춥니다
이미지 옆 텍스트가 이미 같은 기능을 설명하는지 확인하고 중복 읽기를 검토합니다. 파일이 없는 버튼을 다운로드 가능이라고 표시하지 않습니다. 링크와 버튼의 실제 동작도 문구와 같아야 합니다.
03실제 조작으로 결과를 확인합니다
클릭뿐 아니라 필요한 키보드 조작과 표시 이름을 후속 검수합니다. alt를 넣었다는 사실만으로 모든 조작성 검사가 끝났다고 하지 않습니다. 이 원고는 현재 버튼을 구현하거나 작동을 시험한 결과가 아닙니다.
근거 확인: W3C WAI 이미지 대체텍스트 (2026-11-04).
확인한 원문
W3C WAI 이미지 대체텍스트 · 확인 2026-11-04
내 제작 범위 정리하기 · 다른 발주 메모