'링크 텍스트(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
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
[웹접근성 지침-일반기술 G93] 캡션이 항상 보이도록 제공되어야 한다. (0) | 2024.07.08 |
---|---|
[웹접근성 지침-일반기술 G92] '비텍스트 콘텐츠(non-text content)'의 '동일한 목적의 서비스'와 '정보'를 제공하기 위해 '긴 설명(long description)'을 제공해야 합니다. (1) | 2024.07.05 |
[웹접근성 지침-일반기술 G90] 키보드로 이벤트를 사용할 수 있어야 합니다. (1) | 2024.07.03 |
[웹접근성 지침-일반기술 G89] 예상되는 데이터의 형식 및 예시를 제공하자. (0) | 2024.07.02 |
[웹접근성 지침-일반기술 G88] 제목(Title)에 웹 페이지 내용에 대한 설명이 포함되어 제공되어야 합니다. (0) | 2024.07.01 |