사용자가 사이트를 사용하는 데 있어 예측이 가능할 수 있도록 친절하게 설명을 해주어야 합니다.
기술설명
이 기술의 목적은 폼 컨트롤(form control)을 변경하는 경우, 사이트에 변화가 생기는지에 대한 설명을 사용자에게 제공하는 것입니다.
대부분의 폼 컨트롤은 변경한다고 해도 아무러 변화가 없습니다.
그러므로 개발자는 사용자에게 폼 컨트롤에 변화를 주는 경우 어떤 일이 일어나는지에 대한 지침을 제공해 주어야 합니다.
가능하다면 그 지침과 해당 폼 컨트롤 부분을 프로그램으로 연결시키는 것이 좋습니다.
다음은 다양한 상황에서 지침을 제공하는 예시입니다.
- 폼 컨트롤에 변화를 주면 어떤 일이 일어나는지에 대한 설명을 순서대로 정리한 지침을 웹페이지에 표시합니다.
- 폼 컨트롤에 변화 주어 다음 단계로 넘어가는 다단계 형식의 경우, 시작 전에 폼 컨트롤에 변화를 주면 어떤 일이 일어나는지에 대한 지침을 먼저 제공합니다.
- 웹 애플리케이션을 사용하는 경우, 웹 애플리케이션을 사용하기 전에 폼 컨트롤에 변화를 주면 어떤 일이 일어나는지에 대한 지침을 먼저 제공합니다. 교육이 필요한 만큼 사용이 복잡한 웹 애플리케이션이라면, 교육 내용이 지침으로 사용되어야 합니다.
예시
페이지 상단에 '독일어', '프랑스어', '스페인어'라는 옵션 버튼들이 있습니다.
이중 한 가지를 선택하면 선택한 언어로 콘텐츠 내용이 변경된다는 것을 옵션 버튼들 앞에 표시해야 합니다.
온라인 설문조사를 합니다.
문항은 50개이며 한 번에 한 질문씩 표시됩니다.. 사용자가 각 질문에 답변을 선택하면 다음 질문으로 이동한다는 다는 것을 설문조사 시작 부분에서 알려줘야 합니다.
관련기술
G80: 콘텍스트 변경을 시작하기 위해 제출 버튼 제공
점검절차
1. 폼 컨트롤에 변화를 주면 페이지 내에 어떠한 변화가 생기는 요소를 모두 찾습니다.
2. 폼 컨트롤에 변화를 주기 전에 변화를 주면 어떤 일이 발생하는지에 대한 설명이 제공되는 지를 확인합니다.
2번 절차를 만족해야 성공입니다.
나의 정리
위에서 말하는 폼 컨트롤(form control)은 무엇을 말하는 것일까요?
요소를 누르거나 옮기면 문서의 내용이나 순서를 바뀌게 해주는 것을 말합니다.
예를 들어 보겠습니다.
쇼핑몰에서 내가 원하는 티셔츠의 상세페이지입니다. 티셔츠 이미지 옆에 빨간색 버튼을 누르자 티셔츠 이미지가 빨간색 티셔츠로 변경되었습니다. 주문 수량을 늘리자 구매 가격이 자동으로 올라갔습니다.
이렇게 변화를 주는 폼 컨트롤(form control)이 있는 경우 사용자가 당황하지 않게 사용 전에 미리 설명해 줘야 한다는 것입니다.
예시로 자세히 알아봅시다.
사이트 우측 상단에 'ENG / 中國'라는 두 개 버튼 있습니다. 'ENG'를 누르면 사이트의 텍스트가 영문으로 번역되어 나옵니다. ' 中國 '버튼을 누르면 텍스트가 중국어로 번역되어 나옵니다.
버튼들 앞에 ''원하시는 언어를 선택해 주세요"라는 설명글을 만들어 주어야 합니다.
또 다른 예시입니다.
설문하는 페이지가 있습니다. 설문은 총 5개이고 하나씩 설문이 주어지고 답변하면 다은 설문으로 넘어가는 방식입니다.
이런 경우 설문 시작 시작 전에 "설문은 총 5개 이고 순차적으로 답변해 주세요."라는 설명글로 사용자에게 알려줘야 합니다. 그리고 설문을 시작하였다면, 지금은 몇 번째 설문이고, 답변을 하면 다음 설문으로 넘어간다는 설명도 있어야 합니다.
사용자가 사이트를 사용하는 데 있어 예측이 가능할 수 있도록 친절하게 설명을 해주어야 합니다.
이런 설명이 없다면 학습능력이 떨어지기거나 움직임이 힘든 분들에게는 많은 시행착오를 주게 될 것입니다.
G13: Describing what will happen before a change to a form control that causes a change of context to occur is made
https://www.w3.org/TR/WCAG20-TECHS/G13.html
G13: Describing what will happen before a change to a form control that causes a change of context to occur is made | Techniques
The objective of this technique is to provide information to users about what will happen when a change to a form control results in a change of context. Because changing the value of a form control does not typically result in a change of context, it is i
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G15] '깜박이는 콘텐츠' 또는 '깜빡이는 빨간색'은 정해진 '임계값'을 시켜야 한다. (1) | 2024.01.10 |
|---|---|
| [웹접근성 지침-일반기술 G14] 색상 차이로 전달되는 정보는 텍스트로도 제공되어야 합니다. (1) | 2024.01.05 |
| [웹접근성 지침-일반기술 G11] 깜빡거리는 콘텐츠는 5초 이내로 정지하기 (1) | 2023.12.29 |
| [웹접근성 지침-일반기술 G10] 브라우저 내의 플랫폼은 접근성API기능이 지원되도록 만들어야 한다. (0) | 2023.12.27 |
| [웹접근성 지침-일반기술 G9] 생방송에 대한 실시간 자막 제공하기 (0) | 2023.12.22 |
