[웹접근성 지침-일반기술 G89] 예상되는 데이터의 형식 및 예시를 제공하자.

원문:https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G89.html

---

사용자가 형식에 맞게 데이터를 입력할 수 있도록 입력 전에 설명 및 예시를 제공해 주어야 합니다.

---

기술설명

이 기술의 목적은 사용자가 데이터를 입력해야 하는 경우, 입력할 데이터에 대한 제한 사항을 알려주어 사용자의 입력 오류를 방지하도록 돕는 것입니다. 입력할 데이터의 형식을 설명하거나 예시를 제공하여 도울 수 있습니다.

 

*참고: 날짜 및 시간 같이 일반적인 변형이 있는 데이터의 경우, 가장 편안한 형식을 사용할 수 있도록 제작자가 그에 해당하는 기본 설정을 제공하는 것이 좋습니다.

 

 

예시

HTML 양식(Form)에서 날짜를 입력하는 부분입니다.
미국인들이 가장 많이 입력하는 방식인 '월-일-연도'가 아닌 '연도-월-일' 형식으로 입력해달라고 레이블(Label)에 표시합니다.

<label for="data">Date(yyyy-mm-dd)</label>
<input type="text" name="date" id="date" />

 

 

관련기술

G184: 필요한 입력을 설명하는 양식 또는 필드 집합의 시작 부분에 텍스트 지침 제공

 

 

점검절차

1. 사용자가 데이터 입력 시 형식에 맞춰 입력해야 하는 부분이 있는지 확인합니다.

2. 그런 부분이 있다면 입력 형식에 대한 정보를 제공하고 있는지 확인합니다.

 

 

---

 

나의 정리

양식(Form)에서 특정 형식에 맞춰 데이터를 입력해야 하는 부분이 있습니다.
예를 들면 아이디, 비밀번호, 전화번호, 날짜, 이메일 등이 있습니다.

 

이런 일력필드 들은 입력 전에 다음과 같은 안내문과 예시가 제공됩니다.

- 아이디는 8자 이상, 영문자만 사용해주세요. (예시: abc123)

- 비밀번호는 4자 이상, 특수문자를 반드시 포함해야 합니다. (예시: abc123!@#)

- 마감 날짜는 ‘년-월-일’형식으로 입력해주세요. (예시: 2000-12-30)

- 전화번호는 ‘-’를 빼고 번호만 입력해주세요. (01012345678)
- 올바른 이메일 형식으로 입력해주세요.

 

특정 형식에 맞춰 데이터를 입력해야 하므로 사용자가 형식에 맞게 올바른 데이터를 입력할 수 있도록,

형식에 대한 설명과 예시를 제공해 주어야 합니다.

해당 설명과 예시는 데이터를 입력하는 필드(Field) 앞에 제공하거나 레이블(Label)에 표기해 줍니다.

 

사용자가 형식에 맞게 데이터를 입력할 수 있도록 입력 전에 설명 및 예시를 제공해 주어야 합니다.

---

 

G89: Providing expected data format and example

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G89.html

G89: Providing expected data format and example | Techniques for WCAG 2.0