입력 필드에 제한 사항이 있다면, '양식(form)' 또는 '필드 세트(set of fields)'의 시작부분에서 제한 사항을 알려줘야 합니다. 그래야 사용자의 실수를 줄일 수 있습니다.
기술설명
이 기술의 목적은 사용자가 입력해야 할 내용에 대한 제한 사항을 미리 알려 줌으로 써, 사용자의 입력 오류를 피할 수 있게 도와주는 것입니다. 이런 제한 사항을 정리한 '지침'을 '양식(form)' 또는 '필드 세트(set of fields)'의 시작부분에 제공해 주어야 합니다.
이 기술은 입력할 필드 수가 적거나 동일한 형식을 많이 입력하는 양식(form)에 적용하기 좋은 방법입니다.
동일한 형식을 많이 입력하는 경우, 입력 필드마다 제한 사항을 반복적으로 제시하는 것 보다, 지침을 양식 상단에 배치하여 한 번만 설명하는 것이 효율적입니다.
예시
[예제1] 비즈니스 네트워킹 사이트에서 사용자가 자신이 맡았던 업무에 대해 입력하는 부분이 있습니다.
입력해야 하는 내용은 '회사 이름, 직함, 업무 시작일 및 종료일, 직무에 대한 설명'입니다.
이 양식의 상단에는 다음과 같은 지침이 제시되고 있습니다.
'모든 항목을 입력해주세요. 날짜는 mm/dd/yyyy 형식으로 입력해 주세요.'
[예제2] '기업용 디렉토리'를 사용하려면 사용자의 프로필에 전화번호 및 직책 등의 정보가 있어야 합니다.
해당 정보를 입력하는 양식의 상단에 다음과 같은 지침이 제시되고 있습니다.
- 모든 필드의 정보를 수정이 가능합니다.
수정 후 '완료'를 누르면 수정한 내용이 적용됩니다. 변경한 내용을 적용하지 않는 경우 '취소'를 눌러주세요.
- 필드가 아닌 부분은 수정 할 수 없습니다. 수정을 원하시면 도움말 아이콘을 눌러서 수정 방법을 확인해 주세요.
- 전화번호에는 '숫자'와 '-(대시)'만 사용 가능합니다.
- 필수 항목에는 '*(별표)'로 표시되어 있으며, 꼭 입력하셔야 합니다.
관련기술
점검절차
1. 사용자가 입력해야 하는 데이터에 지정된 형식이 있는지 확인합니다.
2. 입력해야 할 데이터에 대한 지침이 양식(form)의 상단에 제공되는지 확인합니다.
나의 정리
설문 및 회원가입처럼 사용자가 어떠한 양식(form)에 입력 필드를 통해 데이터를 입력해야 하는 경우가 있습니다.
그런데 입력해야 할 내용에 대한 제한 사항이 있을 수 있습니다.
예를 들면 다음과 같은 내용 들이 있습니다.
- 전화번호 입력 부분에 기호나 공백 없이 번호만 입력해야 합니다.
- 비밀번호는 4자리 이상 입력해야 합니다.
- 모든 항목을 입력해야 합니다.
이런 제한 사항을 사용자가 데이터를 입력하기 전에 먼저 인지 할 수 있도록 양식(form)의 시작부분에 제시해 주어야 합니다. 이렇게 제한 사항을 먼저 알려주면 사용자의 실수가 줄어 들 것입니다.
제한 사항은 입력 필드마다 다를 수 있습니다.
이런 경우 입력 필드 마다 해당 제한 사항을 제시해 주어야 합니다.
하지만 입력 필드 대부분의 제한 사항이 비슷하다면 양식(form)의 시작부분에서 한 번만 제시해 주는 것이 더 효율 적입니다.
G184: Providing text instructions at the beginning of a form or set of fields that describes the necessary input
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G184.html
G184: Providing text instructions at the beginning of a form or set of fields that describes the necessary input | Techniques fo
A business networking site allows users to post descriptions of jobs they have held. The form to gather the information includes fields for the company name, job title, from and to dates, and job description. At the top of the form are the following instru
www.w3.org
공짜로 혼자서도 할 수 있는 웹퍼블리싱 공부 방법을 알려드립니다.
홈페이지 만들기, 혼자하기 힘들다면 무로 스터디에 들어오세요.
공부 방향을 모르겠다면 무료 과외를 신청하세요.
https://blog.naver.com/redoxup/223134941372
혼자서 웹퍼블리싱(HTML+CSS)입문과정 마스터 할 수 있다! + 도움을 받으면 더 잘 할 수 있다!!
웹디자이너, 웹퍼블리셔, 웹프로그램을 준비하시는 분들이라면, 다른 건 몰라도 HTML+CSS 입문과정...
blog.naver.com
