Accessibility 본문

2.4.3 적절한 링크 텍스트

링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.

필요성

링크 텍스트를 "여기를 클릭하세요." 나 "여기" 와 같은 애매모호한 표현을 사용하면 시각장애인이나 인지장애인 뿐만 아니라 비장애인들도 링크를 클릭했을 때 어떤 반응이나 어떤 페이지로 이동될 지 예측하기 어렵다.

대상

모두

적용기술

링크 텍스트만으로도 링크의 목적이나 용도를 이해할 수 있도록 제공

검사방법 및 QA 지표 산정방법

  • 자동 검사 방법 : 접근성 검사 도구를 통한 검사 방법
  • 수동 검사 방법 : 직접 수동으로 확인하는 검사 방법
  • 발견수(건) : 해당 콘텐츠 발견 수
  • 준수수(건) : 준수한 콘텐츠 수
  • 오류수(건) : 오류 콘텐츠(요소 또는 영역) 수
수동 검사방법

적절한 링크 텍스트를 제공 여부 체크

오류수(건)
  • 요소 내의 텍스트가 목적이나 이해할 수 있는 정보를 주지 못한 <a> 요소 수
  • 링크 텍스트가 "여기", "더 보기" 등 해당 링크 텍스트의 내용이 아닌 주변 콘텐츠의 내용을 파악하지 않으면 어떤 것을 가리키는지 알 수 없는 경우
평가점수

100 - (수동 오류수 * 5)점

사례

색과 관련된 사례
오류사례

단순한 더보기 링크 제공으로 해당 내용에 대한 구체적인 제시가 부족한 콘텐츠

적절한 링크 텍스트 오류사례이미지

해당 링크의 목적지에 관한 정보나 어떤 내용을 볼수 있는지를 보다 구체적으로 제시하지 않게 되면 스크린리더 사용자는 해당 더보기가 어떤 내용에 관련된 더보기인지 이해하기 힘듬

<a ...>더보기</a>
개선방법

"댓글BEST 더보기"로 제공

<a ...>댓글BEST 더보기</a>
우수사례

구체적인 더보기 링크 제공으로 해당 링크의 목적지에 대한 정보가 확실한 콘텐츠

적절한 링크 텍스트 우수사례이미지
<a ...><em class="keyword">결혼준비</em> 관련 글 더보기</a>