이해성(understandable)
- 사용자 인터페이스의 정보와 작동은 장애 유무와 관계 없이 이해할 수 있어야 한다.
1. 가독성
- 다국어를 지원하는 경우, 텍스트의 언어 정보를 스크린 리더에게 전달하기 때문에
콘텐츠에 적용되는 언어를 반드시 명시해야 한다.
🌟 접근성 준수 guide
- 필수조건 : \<html lang="ko“ > 로 주 언어를 반드시 명시할 것
프레임( iframe 등 ) 으로 삽입되어진 페이지에 대한 언어 정보 또한 반드시 lang 속성으로 언어를 명시해야 한다. - 관용어, 전문 용어 : 추가적인 설명이나 해당 용어가 정의된 링크 제공
- 축약어 : abbr 태그를 이용해 축악어의 전체 뜻 정보 제공
- 아시아권 언어 등 발음이 명확하지 않은 경우 : ruby 태그를 이용하여 발음 표기
2. 예측 가능성
- 컨트롤이나 사용자 입력에 초점을 받았을 때, 의도하지 않은 기능이 자동적으로 실행되지 않도록 예측이 가능하게 개발해야 한다.
🌟 접근성 준수 guide
- 필수조건 : 요소에 초점을 주거나 입력 값을 주었을 때 예측하지 못하는 변화가 생기지 않아야 한다. (onchange, keyup 등)
도움 없이 작업을 완료하기 어려운 사용자를 위해 email, 연락처, 관리자와 채팅, 챗봇 등의 이용 문의 옵션을 일관된 순서로 제공해야 한다. (2.2 초안 추가) - 화면을 가리는 레이어 팝업을 제공하지 않아야 한다.
- 통일성 있게 위치한 내비게이션을 통해 반복적인 콘텐츠를 빠르게 넘어가거나 찾을 수 있게 해야한다.
- 동일한 기능을 하는 요소들을 일관되게 식별할 수 있도록 적절하고 통일성 있는 대체 텍스트 제공
( 글을 읽지 못하는 사람? 일관된 사용으로 관용적인 사진이나 아이콘 넣기) - 사용자의 제어에 의한 변화가 아닌 경우 그에 상응하는 안내를 제공할 것
(새 창을 띄울 경우 sr-only, title 속성 등을 이용해 새 창에 대한 안내)
3. 입력 도움
- 항상 사용자 입력에는 대응하는 레이블을 제공해야 한다.
🌟 접근성 준수 guide
- 필수조건 : 사용자의 입력이 필요한 경우 명확한 설명(사용법) 레이블을 제공할 것
입력 오류가 감지되면 식별하여 사용자에게 텍스트로 설명해야 한다. - 오류 수정에 대한 적절한 제안을 받을 수 있어야 한다.
- 금융거래나, 개인정보 수정, 삭제 등 사용자가 되돌릴 수 없는 작업을 수행할 때
실수로 인한 심각한 결과를 피할 수 있도록 검토 창을 띄우는 등 확인 단계를 두어야 한다. - 모든 작업을 제출할 때 검토하고 수정할 수 있게하여 실수를 피할 수 있어야 한다.
- 상황에 적절한 도움말을 사용할 수 있어야 한다.
- 인증이 2단계 이상일 경우 인지 기능에 의존해야 하는 방법이 아닌 다른 인증 방법이 하나 이상 있어야한다.(예시는 이메일 링크 인증, 2.2 초안 추가)
- 중복 항목의 경우 이미 작성한 내용을 자동 완성 할 수 있는 선택지를 주어야 한다.
