반응형
한국형 웹 콘텐츠 접근성 지침 2.1
Korean Web Content Accessibility Guidelines 2.1
웹 접근성 품질인증제도란?
- 장애인·고령자 등의 정보 접근 및 이용 편의를 증진하기 위하여 웹 접근성 표준을 준수한 사이트에 대해 품질을 인증 하고 인증마크를 부여
* 웹접근성 준수는 필수지만 품질 인증마크는 선택 입니다. - 관련 법령에 의거 과학기술정보통신부가 지정한 웹 접근성 품질 인증기관을 통해 심사 및 인증
* 「지능정보화기본법」 제47조, 제48조 등
원칙 2. 운용의 용이성
항목 16. (적절한 링크 텍스트) 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.
링크 텍스트의 용도나 목적을 이해할 수 있도록 제공한 경우 준수한 것으로 인정 |
[16-1] 목적이나 용도를 알기 어려운 링크 텍스트를 제공한 경우
링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다
아코디언 콘텐츠 제공 시 상태 정보를 제공하는 것을 권고합니다. 예)확장됨, 축소됨, 펼치기, 접기, 열기, 닫기 등
위배사항 | 개선 가이 |
현재 선택상태에 대한 정보가 제공되지 않은 경우 | 현재 보여지는 콘텐츠에 어느 탭의 콘텐츠인지 알 수 있도록 추가적인 정보를 제공해야 한다 ex) <a href="#" title="현재탭, 현재단계, 현재위치, 현재페이지 등 의미에 맞게 제공">8월</a> |
링크 텍스트를 단순히 URL경로로만 제공한 경우 | 링크 텍스트는 단순한 url 제공이 아닌 목적이나 용도를 이해할 수 있게 제공해야 한다 |
동일한 페이지로 이동하는 링크를 여러 개 제공한 경우 | 방법1 : 여러 개의 링크를 제공한 경우 링크를 하나의 블럭단위로 묶어서 제공해야한다.(이런 경우라도 스타일에 따라 링크, 링크…로 읽혀질 수 있음) 방법2 : 하나의 링크로 제공된 경우 anchor 하위 요소에 모두 role="document" 속성(html5)을 추가해야한다. |
해당 개체의 용도(role)를 부적절하게 알려준 경우 | 링크 통해 새창으로 이동하는 경우 새창알림을 제공해야 한다. 버튼(링크)의 기능과 제공된 링크 텍스트의 설명이 서로 다른 경우로서 기능에 맞는 링크 텍스트를 제공해야 한다. |
적절한 링크 텍스트 제공 - 열기/닫기에 대한 안내 미 제공 | 1. 영역이 닫혀 있으면 <span class="blind">레이어 열기</span> 2. 영역이 열려 있으면 <span class="blind">레이어 닫기</span> |
<img>의 alt와 해당 <img>를 감싸고있는 <a>의 title값이 중복된 경우 | <img>의 alt에는 이미지 텍스트 내용를 <a>의 title에는 부가설명(기능)을 제공해야 한다 |
링크 텍스트와 감싸고 있는 <a>의 title값이 중복된 경우
|
<a>의 title에는 부가설명(기능)을 제공해야 한다 |
A 링크로 툴팁을 제공한 경우(참고)
구현 또는 <a> 태그에 role="presentation" aria-disabled 삽입하여 스크린리더가 링크로 인식하지 않도록
반응형
'IT' 카테고리의 다른 글
(원칙.3 이해의 용이성) 항목.18 사용자 요구에 따른 실행 - 정보통신접근성(웹접근성) (0) | 2023.02.28 |
---|---|
(원칙.3 이해의 용이성) 항목.17 기본 언어 표시 - 정보통신접근성(웹접근성) (0) | 2023.02.27 |
(원칙.2 운용의 용이성) 항목.15 제목 제공 - 정보통신접근성(웹접근성) (0) | 2023.02.25 |
(원칙.2 운용의 용이성) 항목.14 반복 영역 건너뛰기 - 정보통신접근성(웹접근성) (1) | 2023.02.24 |
(원칙.2 운용의 용이성) 항목.13 깜빡임과 번쩍임 사용 제한 -정보통신접근성(웹접근성) (0) | 2023.02.23 |