기능형

버튼, 링크 등 클릭 또는 선택 시 특정 동작을 수행하는 이미지

• 기능형 이미지는 무엇을 하는지(핵심 기능)가 alt에 포함되어야 합니다.

• 화면 낭독기는 요소 유형(버튼, 링크 등)을 이미 안내하므로

  “이미지”, “버튼” 등의 중복 표현은 사용하지 않는 것을 권장합니다.

1.적절한 대체 텍스트 제공

• 1-1. <img> 등 이미지 요소에 alt 속성을 제공하지 않은 경우

• 1-4. <img> 요소의 대체 텍스트를 title만으로 제공한 경우

• 1-5. QR코드 등의 이동 주소 정보를 대체 텍스트·설명·링크 등으로 제공하지 않은 경우

5.명확한 지시사항 제공

• 5-1. 색·크기·모양·방향 등 지시사항을 시각 정보로만 제공한 경우

img 요소인 경우 alt 값을 사용하여 대체 텍스트를 제공해야 합니다.

qr 코드 이미지의 경우 이동 주소 정보를 대체 텍스트·설명·링크 등으로 제공해야 합니다.

색상, 위치 정보와 같은 감각 정보 대신 기능 또는 컨트롤 명칭으로 안내해야 합니다.