본문 바로가기
IT

(원칙.2 운용의 용이성) 항목.16 적절한 링크 텍스트 - 정보통신접근성(웹접근성)

by SOGNOD 2023. 2. 26.
반응형

한국형 웹 콘텐츠 접근성 지침 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 삽입하여 스크린리더가 링크로 인식하지 않도록

 

 

반응형