본문 바로가기

웹접근성지침(WCAG2.0)

[웹접근성 지침-일반기술 G91] '링크 텍스트'는 링크의 목적을 설명해야 합니다.

728x90

원문: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G91.html


'링크 텍스트(Link Text)'가 링크의 목적을 설명하게 하여 사용자가 링크를 이해 할 수 있도록 도와 주어야 합니다.


기술설명

이 기술의 목적은 '링크 안에 있는 텍스트'는 '링크에 대한 목적'을 설명해야 한다는 것입니다.

URL정보만으로는 링크의 목적을 알 수 없습니다. 하지만 링크 안에 텍스트가 링크의 목적을 설명하고 있다면 다른 링크와 구별 할 수 있게 되며, 사용자는 어떤 링크 선택하여 이동할지를 결정 할 수 있게됩니다.

 

 

예시

<a>요소의 텍스트에 링크의 목적을 설명한 예시.

<a href="routes.html"> 볼더스 클라이밍 체육관의 경로입니다.</a>

 

 

 

관련기술

H30: 앵커 요소에 대한 링크 목적을 설명하는 링크 텍스트 제공

 

 

점검절차

1. 링크의 텍스트가 링크의 목적을 설명하고 있는지 확인합니다.

 


 

나의 정리

먼저 '링크 텍스트(Link Text)'가 무엇인지를 알아 봅니다.

<a href="routes.html"> 볼더스 클라이밍 체육관의 경로입니다.</a>

 

위 소스에서 <a>요소가 '링크' 입니다. <a>요소가 감싸고 있는 텍스트 부분, '볼더스 클라이밍 체육관의 경로입니다.'이 부분이 '링크 텍스트 입니다.'

'링크 텍스트'의 내용은 링크의 목적을 설명해야 합니다.

'링크 텍스트'가 링크의 목적을 설명하고 있다면 사용자는 이 링크가 무엇을 의미하는지 쉽게 알 수 있게 됩니다.

즉 사용자가 쉽게 링크를 통해 이동하는데 큰 도움이 된다는 것입니다.

 

예를 들어 보겠습니다.

<a href="http://jolib.kr/">jolib.kr</a>
<a href="http://jolib.kr/"> 조립 </a>

위와 같이 '링크 텍스트'에 내용을 URL이나 단어로 한다면 사용자는 이 링크가 왜 있는 것인지, 링크를 클릭하면 어떤 일이 일어나느지 알 수 없게 됩니다. 

 

<a href="http://jolib.kr/"> 출처: 조립(jolib.kr) 홈페이지 </a>

 

 

하지만 위와 같이 링크의 목적을 사용한다면 사용자는 본문내용의 출처를 표시하고 그 출처로 이동하는 링크라는 것을 알게됩니다. 그러므로 더 자세한 내용을 보고 싶다면 이 링크를 클릭하게 될 것입니다.

 

'링크 텍스트(Link Text)'가 링크의 목적을 설명하게 하여 사용자가 링크를 이해 할 수 있도록 도와 주어야 합니다.


 

G91: Providing link text that describes the purpose of a link

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G91.html

 

G91: Providing link text that describes the purpose of a link | Techniques for WCAG 2.0

The objective of this technique is to describe the purpose of a link in the text of the link. The description lets a user distinguish this link from links in the Web page that lead to other destinations and helps the user determine whether to follow the li

www.w3.org

 

728x90