단어에 대한 설명을 제공해 주기로 했다면 최소한 처음에 나온 단어에는 링크를 제공해 주도록 합니다.
기술설명
이 기술의 목적은 '동일한 웹 페이지 안에서' 또는 '다른 웹페이지에서' 정의를 제공하고 항목과 항목에 대한 정의를 링크로 연결하는 것으로 단어, 구문, 약어에 대한 정의를 제공하는 것입니다.
링크는 단어, 구문, 약어에 대한 접근을 제공하는 강력한 옵션입니다.
사용자는 링크를 이용하여 빠르고 쉽게 정의가 있는 페이지로 이동할 수 있고, 이동한 다음에 브라우저의 '뒤로 가기(back)’버튼을 이용하여 원래 위치로 돌아올 수 있습니다.
예시
[예시1] 스포츠 부상에 관한 기사에서 나오는 전문 용어 및 약어에 대한 정의는 '의학 사전'과 연결되어 있습니다.
[예시2] 교과서는 각 장에 소개된 새로운 어휘에 대한 용어집이 포함되어 있습니다.
이러한 단어들이 첫 번째 사용된 단어는 '용어집의 정의' 부분과 연결되어 있습니다.
[예시3] 페이지 내의 모든 약어들은 '약어집의 정의'와 연결되어 있습니다.
[예시4] '전문용어'라는 단어는 'WCAG2 용어집의 정의'와 연결되어 있습니다.
[예시5] '모듈로'라는 단어는 수학에서 사용되는 용어입니다. '모듈로'에 대한 정의는 웹페이지 안에 포함되어 있습니다. '모듈로'라는 단어가 나타날 때마다 해당 정의 부분으로 연결됩니다.
[예시6] '일본 관용어'가 해당 정의와 연결되어 있습니다.
정의 내용이 페이지 내에 있으며 링크를 이용하여 연결되어 있습니다. 코드는 다음과 같습니다.
<p>...<a href="#definition">さじを投げる</a>...</p>
<h3>脚注：</h3>
<dl>
<dt id="definition" name="definition">さじを投げる</dt>
<dd>どうすることもできなくなり、あきらめること。</dd>
</dl>
관련기술
G101: 비정상적이거나 제한된 방식으로 사용되는 단어나 문구의 정의 제공
H64: 프레임 및 iframe 요소의 제목 속성 사용
점검절차
정의가 필요한 단어, 구문, 약어가 있는 경우 수행합니다.
1. 최소한 처음 사용된 단어에 정의로 연결되는 링크가 제공되어야 합니다.
2. 각 링크가 해당 정의로 이동하는지 확인합니다.
나의 정리
웹페이지를 보다 보면 생소한 단어나 약어, 이해하기 힘든 문장 등이 나타납니다.
그래서 글의 내용을 파악하기 힘든 경우가 생깁니다. 이런 경우 링크(<a>)를 이용하여 해당 단어, 약어, 문장들을 클릭하면 그 단어, 약어, 문장에 대한 정의 및 설명이 있는 페이지로 이동하는 겁니다.
사용자는 그 내용을 읽고 브라우저의 '뒤로 가기' 버튼이나 '단축키 [←: backspace]'를 누르면 다시 원래 페이지로 돌아오는 겁니다.
예시로 자세히 알아보겠습니다.
웹페이지 내용 중에 'HTML'이라는 단어가 자주 나옵니다. 'HTML'을 누르면 'HTML'을 설명해 주는 페이지로 이동하게 만들었습니다. 'HTML' 단어를 누르자 '나무위키'에서 제공하는 'HTML정의 페이지'로 이동하였습니다.
모르는 단어에 대한 정의를 이렇게 제공하자는 것입니다.
이번에는 모르는 단어와 그 단어에 대한 설명이 한 웹페이지 안에 있는 경우입니다.
<a href=“#def1”>HTML<a>는 홈페이지를 만드는 언어입니다.
<!-- 기타 콘텐츠 생략 -->
<h3>해석</h3>
<dl>
<dt id="def1" name="def1">HTML</dt>
<dd>마크업 정보를 표현하는 마크업 언어이다.</dd>
</dl>단어와 설명이 한 페이지에 있으면 소스처럼 책갈피 기능을 이용하여 링크를 제공하면 됩니다.
그리고 페이지 내에서 중복으로 많이 사용되는 경우,
모든 단어에 설명 부분과 연결 시켜주는 링크를 제공할지 처음 나온 단어에만 링크를 제공해 줄지를 결정해야 합니다.
단어에 대한 설명을 제공해 주기로 했다면 최소한 처음에 나온 단어에는 링크를 제공해 주도록 합니다.
G55: Linking to definitions
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G55.html
G55: Linking to definitions | Techniques for WCAG 2.0
The objective of this technique is to make the definition of a word, phrase, or abbreviation available by providing the definition, either within the same Web page or in a different Web page, and establishing a link between the item and its definition. Lin
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G57] 콘텐츠의 의미에 맞게 순서대로 배치하자. (0) | 2024.02.14 |
|---|---|
| [웹접근성 지침-일반기술 G56] 영상이나 오디오에서 '배경소리'는 '음성'보다 최소 20데시벨 낮아야 한다. (0) | 2024.02.09 |
| [웹접근성 지침-일반기술 G54] '동영상 스트리밍 서비스'의 경우 '수어(수화)'가 제공 되어야 한다. (0) | 2024.01.31 |
| [웹접근성 지침-일반기술 G53] '링크가 포함된 문장의 텍스트'와 '링크 안에 있는 텍스트'는 링크의 목적을 설명해야 한다. (1) | 2024.01.30 |
| [웹접근성 지침-일반기술 G21] 사용자가 콘텐츠에 갇히지 않도록 해야 한다. (0) | 2024.01.25 |
