웹 접근성 지침

웹 접근성 지침

이해의 용이성

지침

가독성

콘텐츠는 읽고 이해하기 쉬워야한다.

• 기본 언어 표시
• 테스트 콘텐츠의 주 사용 언어 설정
• 화면 낭독 프로그램이 정확한 발음을 제공하도록 돕는다.

예측 가능성

콘텐츠의 기능과 실행결과는 예측 가능해야한다.

• 사용자 요구에 따른 실행
• 의도하지 않은 기능이 자동적으로 실행되지 않도록 한다.
• 사용자의 의도적인 마우스 클릭 및 키보드 입력이 필요하다.
• 오류 예시
• 페이지가 자동으로 리프레쉬
• 해결방안
• 리프레쉬를 없애거나 정지할 수 있는 기능을 추가한다.
• 의도하지 않은 초점 변화가 일어남
• 해결방안
• Tab index의 인접성을 보장한다.
• 페이지에 접속하는 순간 새 창이 뜨는 경우
• 해결방안
• 의도하지 않은 새창은 금지한다.
• 초점을 받은 것 만으로도 새 창이나 레이어가 뜨는 경우
• 해결방안
• 해당 버튼을 클릭시에 이벤트를 실행시키도록 수정한다.
• 초점을 받은 것 반으로 페이지가 바뀌는 경우
• 해결방안
• url을 이동할 수 있는 이동 버튼을 별도로 제공한다
• onchange 함수는 사용하지 않는다.

콘텐츠의 논리성

콘텐츠는 논리적으로 구성해야 한다.

• 콘텐츠의 선형화
• 콘텐츠를 논리적 순서에 맞게 제공해야 한다.
• 콘텐츠를 선형화 한 것을 확인 가능해야하 한다.
• 오류 예시
• 숨김 텍스트가 논리적인 순서에 맞지 않게 제공되었을 경우
• 해결방안
• 숨김 텍스트로 제공되는 요소를 html 문맥 흐름에 맞게 위치를 변경한다.
• 표 형태의 콘텐츠에서 제목 셀과 내용 셀에 해당하는 콘텐츠가 기계적으로 연결되지 않아 내용 파악이 어려운 경우
• 해결방안
• 테이블 표준 구조에 맞게 작성한다.
• 탭 형태의 콘텐츠에서 각 탭에 해당하는 콘텐츠의 제목을 알 수 없는 경우
• 해결방안
• 탭 요소를 별도의 묶음으로 묶지 않고 콘텐츠의 서두에 헤더 용도로서 추가한다.
• 표의 구성
• 표는 이해하기 쉽게 구성해야한다.
• 시각 장애 환경에서 낭독기를 통해서도 콘텐츠를 바르게 인식해야 한다.
• UI가 테이블처럼 구성되어 있지만 데이터를 선형화 했을경우 논리적 구조에 이상이 없다면 table로 마크업 되지 않거나 th가 사용되지 않아도 오류로 평가하지 않음

입력 도움

입력 오류를 방지하거나 정정할 수 있어야 한다.

• 레이블 제공
• 입력 서식에는 대응하는 레이블을 제공해야 한다.
• 레이블을 제공함으로써 시각장애 환경에서도 폼 컨트롤 요소를 올바르게 인식 가능
• 입력 오류를 정정할 수 있는 방법을 제공해야한다.