입력 및 조작이 필요한 페이지라면 이를 설명해주는 페이지의 링크를 제공해 주어야 합니다.
기술설명
이 기술의 목적은 웹 페이지 사용에 대한 도움말 정보를 하나 이상의 링크로 제공하여, 사용자가 데이터를 입력할 때 도움이 될 수 있도록 하는 것입니다.
여기서 말하는 링크는 웹 페이지에 사용에 대한 도움말이 있는 페이지로 이동하게 합니다.
또 다른 접근 방식으로는 모든 대화형 컨트롤에 대한 도움말이 있는 페이지의 링크를 제공하는 것입니다.
이 링크는 컨트롤 앞이나 뒤에 배치하면 ‘Tab’키로 이동하는 사용자들 또한 쉽게 접근 할 수 있습니다.
도움말을 제공하는 페이지는 새 창으로 제공 되어야 입력된 데이터가 사라자지 않습니다.
*참고로 사용에 대한 도움말을 제공하는 방법에는 링크만 있는 것은 아닙니다.
예시
아래 예시에서는 도움말 링크가 label요소에 포함되어 있습니다.
label요소에 도움말 링크를 포함하면 화면 판독기 사용자는 입력 양식을 사용할 때 도움말 링크에 접속할 수 있습니다.
<form action="test.html">
<label for="test">
Test control <a href="help.html" target="_blank">Help</a>
</label>
<input type="text" name="test" id="test" />
</form>
관련기술
G184: 필요한 입력을 설명하는 양식 또는 필드 집합의 시작 부분에 텍스트 지침 제공
점검절차
1. form요소가 사용된 웹 페이지인지 확인합니다.
2. form을 작성하는 방법을 설명하는 정보를 제공하는 링크가 하나 이상 있는지 확인합니다.
3. 각각 대화형 컨트롤의 앞이나 뒤에 해당 컨트롤과 관련된 정보를 제공하는 링크가 있는지 확인합니다.
나의 정리
페이지를 읽어 내려가는 방식의 단순한 페이지가 아니라 사용자가 어떤 요소를 조절해야 페이지 내의 정보를 볼 수 있다면 사용방법을 알려주는 설명페이지가 제공되어야 합니다.
그리고 사용자가 정보를 입력하고 선택해야 하는 <form>이 있다면 어떤 내용을 어떻게 넣어야 하는지에 대한 설명이 있는 설명페이지가 제공되어야 합니다.
이런 설명 페이지는 주로 링크로 제공되며, 링크를 클릭하면 새 창으로 보여 집니다.
새 창으로 제공되어야 사용자가 <form>에 입력한 내용들이 지워지지 않습니다.
<form>에서 설명페이지 링크는 <label>요소에 안에서 제공하는 것이 좋습니다.
시각장애로 인해 화면 판독기를 사용하는 사용자들은 ‘Tab’키로 이동하는데, <label>요소에 설명페이지 링크가 있으면
사용자는 쉽게 링크에 접근할 수 있게 됩니다.
G71: Providing a help link on every Web page
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G71.html
G71: Providing a help link on every Web page | Techniques for WCAG 2.0
The objective of this technique is to provide context sensitive help for users as they enter data in forms by providing at least one link to the help information on each Web page. The link targets a help page with information specific to that Web page. Ano
www.w3.org
