입력 필드에 잘못된 내용을 입력한 경우, 이를 바로 잡아줄 메시지나 링크가 제공되어야 합니다.
기술설명
이 기술의 목적은 사용자가 잘못된 값을 입력한 경우 이를 수락하지 않고 올바른 값을 입력할 수 있도록 '제안'을 제공하는 것입니다. '제안'은 올바른 맞춤법을 알려주거나, 올바른 입력 값에 대한 예시를 제공하는 것입니다.
양식에서 오류가 발생한 위치에 따라 '제안'이 필드 옆에 제공되거나 링크를 통해 다른 페이지로 이동할 수도 있습니다.
사용자가 입력을 잘못하여 제출 했다면, 사용자가 쉽게 수정할 수 있도록 간편하게 제공되어야 합니다.
'제안'이나 '제안'에 대한 링크는 해당 필드의 양식 근처에 제공되어야 합니다.
양식의 상단이나, 필드의 앞, 또는 해당 필드 옆에 제공되는 것이 좋습니다.
예시
[예시1] 사용 기간을 입력하는 양식입니다. 사용자가 '6'을 입력했습니다.
서버는 사용자가 제출한 양식을 반환했고 해당 필드 옆에 다음과 같은 안내문을 '제시'합니다.
"잘못된 값입니다. 6일, 6개월, 6주, 6개월, 6년 중에 어떤 것입니까?"
[예시2] 사용자가 도시 이름을 잘못 입력했습니다. 서버는 사용자가 제출한 내용을 반환하고 양식의 상단에 오류 내용과 사용자가 입력한 도시 이름과 비슷한 도시 이름을 '목록 링크'로 제공합니다.
그 '목록 링크'는 데이터베이스에 저장된 도시 이름으로 만들어낸 것입니다.
[예시3] 버스 노선으로 여행계획을 잡아주는 프로그램이 있습니다. 출발지와 목적지를 입력하면, 거리 주소, 교차로, 랜드마크를 입력할 수 있습니다.
사용자가 'Kohl'이라고 입력하면 "'Kohl'에 대한 검색결과는 다음과 같습니다."라는 메시지와 함께, 검색 결과가 목록으로 나타납니다. 목록의 항목에는 "Kohl Center", "Kohl's Dept. Store-East", “Kohl's Dept. Store-West"가
나왔으며 항목옆에 체크박스가 있어 사용자가 선택할 수 있습니다.
[예시4] 검색 시스템이 잘못된 맞춤법을 감지하며, 사용자에게 대체할 단어를 제공합니다. 사용자가 이를 클릭하면 수정된 맞춤법으로 검색이 실행됩니다.
관련기술
G84: 사용자가 허용된 값 목록에 없는 정보를 제공하는 경우 텍스트 설명 제공
G85: 사용자 입력이 필요한 형식이나 값을 벗어날 때 텍스트 설명 제공
점검절차
1. 잘못된 값을 입력해도 올바른 값을 유추할 수 있는 양식이 있는지 확인합니다.
2. 의도적으로 필드에 잘못 된 값을 입력합니다.
3. 올바른 값에 대한 '제안'을 제공하는지 확인합니다.
4. '제안'한 사항이 양식 필드 옆에 제공되는지, 또는 제안 사항에 대한 링크가 필드 가까이에서 제공되는지 확인합니다.
나의 정리
어떤 양식에 필드를 입력 할 때 정해진 형태의 값을 입력해야 하는 경우가 있습니다.
예를 들면 날짜, 나이, 전화번호처럼 정해진 범위 내의 값을 입력해야 합니다.
날짜면 연월일을 입력해야 하고, 나이는 숫자를 입력해야 하며 4자리 수를 넘을 수 없습니다. 전화번호 또한 11자리 이하의 숫자만 입력해야 합니다.
실수로 사용자가 잘못된 값을 입력하면 어떻게 해야 할까요? 서버는 이를 감지하여 사용자에게 무엇이 잘못 되었는지, 그리고 올바른 값을 입력하려면 어떻게 해야 하는지에 대한 제안을 해야 합니다.
나이를 입력해야 하는 필드에 '4000'이라고 잘못 입력한 경우, 서버는 오류를 감지하고 사용자에게 "나이를 잘못 입력하셨습니다. 40을 입력 하려고 하셨나요?"라는 '제안'을 제공해야 합니다.
'제안'은 양식의 상단 또는 해당 필드 옆에 제공되어야 합니다.
그래야 사용자가 쉽게 알수 있습니다. 이런 '제안'은 메시지 방법 뿐만 아니라 링크로도 제공될 수 있습니다.
G177: Providing suggested correction text
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G177.html
G177: Providing suggested correction text | Techniques for WCAG 2.0
The objective of this technique is to suggest correct text where the information supplied by the user is not accepted and possible correct text is known. The suggestions may include correct spelling or similar text from a known pool of possible text. Depen
www.w3.org
공짜로 혼자서도 할 수 있는 웹퍼블리싱 공부 방법을 알려드립니다.
홈페이지 만들기, 혼자하기 힘들다면 무로 스터디에 들어오세요.
공부 방향을 모르겠다면 무료 과외를 신청하세요.
https://blog.naver.com/redoxup/223134941372
혼자서 웹퍼블리싱(HTML+CSS)입문과정 마스터 할 수 있다! + 도움을 받으면 더 잘 할 수 있다!!
웹디자이너, 웹퍼블리셔, 웹프로그램을 준비하시는 분들이라면, 다른 건 몰라도 HTML+CSS 입문과정...
blog.naver.com
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G179] 텍스트 영역의 너비가 변경되지 않고 텍스트의 크기만 조정된 경우, 콘텐츠나 기능에는 손실이 없어야 합니다. (41) | 2024.12.07 |
|---|---|
| [웹접근성 지침-일반기술 G178] 사용자가 모든 텍스트의 크기를 최대 두 배까지 변경할 수 있는 기술을 제공하자. (39) | 2024.12.05 |
| [웹접근성 지침-일반기술 G176] 반짝이는 영역을 최대한 작게 만들자. (9) | 2024.11.30 |
| [웹접근성 지침-일반기술 G175] 글자색과 배경색을 선택할 수 있는 기술을 제공하자. (68) | 2024.11.28 |
| [웹접근성 지침-일반기술 G174] 텍스트 색과 배경색을 사용자가 인지 할 수 있는 대비로 전환 할 수 있는 기능을 제공하자. (2) | 2024.11.27 |
