티스토리 뷰
이해의 용의성 - (1)
기본 언어 표시
- 개념 - 주로 사용하는 언어를 명시야함
- 필요성 - 다양한 언어 공부하거나 이용하는 사용자에게 중요한 지표
- 검사항목 해설 - 기본 언어 표시는 화면 낭독 프로그램과 같은 보조기기에서 기본 언어에 맞는 TTS(Text To SPeech)엔진 가동시키는 역활을 함
- 제공 방법 - 웹 페이지에서 주로 사용하는 언어를 html에 lang속성을 사용하여 제공한 경우 준수한 것으로 인정
- 오류유형
- 주의사항
사용자 요구에 따른 실행
- 정의 - 사용자가 의도하지 않는 기능은 실행되지 않아야 함
- 필요성
- 사용자가 의도하지 않는 새창이나 초점 변화를 일으키지 않도록 함
- 해당 사항 발생할 경우 사전에 내용을 알려주어 콘텐츠 움직임에 문제 없게 하고, 콘텐츠 이용에 이해를 높임
- 오류 유형 분석
- 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는경우
- 버튼 또는 링크 등을 실행할 때 사전에 알리지 않고 새 창이 발생되는 경우
- 웹 사이트 초기화면에 팝업 창(레이어 팝업)을 제공하는 경우
- 사용자가 의도하지 않은 초점 변화가 발생하는 경우
- 체크상자의 선택, 텍스트 입력 서식의 값 변경만으로 값이 제출되는 문맥이 바뀌는 경우
- 주의사항
- onkeypress에 의해 포커스를 옮기는 동작만으로 새 팡이 발생하면 감점
- <a target="_blank">로만 새 창을 알린 경우 감점하지 않음
- onfocus="this.blur()"를 사용하는 경우 감점
- 플래시 등에서 제공하는 새창에서도 Name,Description 값에서 새 창 안내에 대한 내용을 포함하지 않으면 감점
- 오류 정정을 위한 자동 초점 변경은 예외
표의 구성
- 개념 - 데이터 간의 상관관계를 요약하여 제공하는 정보
- 필요성 - 제목셀과 내용셀을 짝지어 읽게 하거나 표에대한 설명 정보를 미리 확인할 수 있도록 함
- 검사항목 해설
- 제공방법 - 표를 이해할 수 있도록 정보를 제공한 경우
- 오류유형
- <caption>요소, summary 속성을 제공하지 않거나 용도 또는 설명이 부적절한 경우
- 데이터 테이블에 제목 셀과 내용 셀을 <th>와 <td> 요소로 구분하지 않은 경우
- 복잡한 표 제공시 id, headers 또는 scope로 제공하지 않은 경우
- 주의사항
레이블 제공
- 개념 - 입력서식이나 편집창과 같은 폼의 요소에 대한 목적이나 용도(=꼬리표,라벨)
- 필요성 - 운동장애가 있는 분들은 입력 품으로 진입할 수 있도록 하며, 화면낭독기 사용자들에게는 입력서식을 이해를 용이하도록 함
- 검사항목 해설
- 제공방법 입력서식에 대응하는 레이블을 제공한 경우
- 오류유형
- <input>,<textarea>,<select>요소dp 1:1 대응하는 <label>요소 또는 title속성을 제공하지 않는 경우
- <input>의 id와 <label>의 for가 다르거나, 페이지 안에 같은 id가 있는 경우
- <select>요소가 첫 번째 <option>이 레이블 역할을 대신하는 경우
- 주의사항
오류 정정
- 개념 - 오류들에 대하여 정정할 수 있도록 오류의 내용을 알려주고, 오류의 위치에서 수정할 수 있도록 하는것
- 필요성 - 문제원인을 파악하기 위함
- 검사항목 해설 - 오류입력 항목에 정정 방법 제공 오류항목 초점이 자동으로 이동
- 제공방법 - 입력 오류를 정정할 수 있는 방법을 제공한 경우
- 오류유형
- 입력 서식을 잘못 작성한 경우 해당 서식 필드로 초점을 이동할 수 있는 수단을 제공하지 않거나 해당 서식의 전송 버튼을 눌렀을 때, 입력 내용이 모두 사라지는 경우
- 오류 발생시, 정정할 수 있는 수단을 제공하지 않는 경우
- 입력 정정방식 또는 내용을 잘못 제공한 경우
- 주의사항 - 오류가 있는 곳에만 오류 표시를 하지 않고, 오류의 내용을 먼저 텍스트로 설명해주거나, 프로그램을 통해 오류가 난 위치에 도달하도록 하여 오류의 내용을 설명해 주어야함 -> 경고창
UP NEXT : 배움나라/웹 접근성의 이해
댓글
© 2018 webstoryboy