PC/모바일 웹 접근성 체크리스트(네이버 널리)

이 체크리스트는NHN Web Content Accessibility Guidelines (NWCAG) 1.0를 기반으로 실무에서 살펴봐야 하는 항목들을 제시합니다.
- 최종 수정 :06/09/2014

전체(27)/UX/기획(10)/디자인(3)/마크업(13)/Ajax/웹개발(2)

체크리스트 항목		체크리스트별 책임
		UX	UI	마크업	개발
1.1.1	필수이미지(그림, 사진, 로고, 차트, 다이어그램, 배경처리된 이미지, 동적으로 제공하는 이미지, 플래시의 Name값 등)에 적절한 대체 텍스트를 제공하는가?			O
1.1.1-1	필수[권고] 이미지(그림, 사진, 로고, 차트, 다이어그램, 배경처리된 이미지, 동적으로 제공하는 이미지, 플래시의 Name값 등)를 제공하는 서비스의 운영 어드민에 대체 텍스트 입력을 위한 입력필드가 마련되어 있는가?	O
1.2.1	필수정보전달을 위한 영상 및 음성 정보에 텍스트(자막, 원고) 또는 수화를 제공하는가?	O
1.3.1	필수캡차 사용 시, 이미지 캡차 이외에도 다른 대체 수단(음성,이메일,OTP인증 등)을 제공하는가?	O
2.1.1	색상, 크기, 방향, 위치, 음향효과 만으로 정보를 전달하고 있는 콘텐츠는 없는가?		O
2.2.1	W3C Validation을 통과하는가?			O
2.3.1	<table> 에 <caption>이 적절하게 선언되었는가?			O
2.3.2	<thead>,<tbody>,<tfoot>으로 그룹핑 되어 있는가? (th로 그룹핑 안될경우 <thead>생략가능, tbody만 있을 경우 <tbody>생략 가능)			O
2.3.3	표의 머릿글은 <th>로 마크업 했으며 scope 속성을 제공하는가?			O
2.4.1	콘텐츠가 논리적인 순서로 되어 있는가?			O
3.1.1	HTML 코드에 주언어 관련 속성(lang)이 선언되어 있는가?			O
3.2.1	3초이상 자동으로 재생되는 음성을 제공할 경우, 사전에 제어가 가능한가?	O
3.3.1	콘텐츠와 배경간의 명도 대비는 4.5:1 이상이 되는가?		O
4.1.1	서비스 특성상 시간 제한이 있는 경우, 시간 제한이 있는 콘텐츠임을 사전에 공지하고 있으며 남은 시간에 대해 알려주고 있는가?	O
4.2.1	자동으로 갱신되는 콘텐츠를 제어할 수 있거나 전체 내용을 모두 확인할 수 있는가?	O
5.1.1	1초에 3회 이상 깜박거리는 콘텐츠를 제공하지는 않는가?		O
6.1.1	필수특정 장치에 의존적이거나 복잡한 누르기 동작은 단순한 키 조작 또는 터치로도 가능한가?	O
6.2.1	필수포커스가 논리적인 순서로 이동하는가?			O
6.3.1	필수포커스를 시각적으로 구별할 수 있는가?			O
7.1.1	웹페이지의 제목이 웹브라우저의 제목으로 사용되었는가?	O
7.1.2	프레임이 사용될 때 프레임의 제목이 title 속성 값에 제대로 반영이 되었는가?			O	O
7.1.3	주요 콘텐츠 블록의 제목을 <h1>~<h6>로 마크업했는가?			O
7.2.1	반복되는 콘텐츠(메뉴 등)가 있을 경우 이를 건너뛸 수 있는 링크를 제공하며, 키보드로도 접근이 가능한가?	O
7.3.1	링크 텍스트가 단독으로 사용될 때도 정확한 의미 파악이 가능한가?			O
8.1.1	사용자가 의도하지 않은 기능(초점 변화, 서식 전송, 새 창, 팝업, 레이어)이 실행된 곳은 없는가?	O
8.2.1	폼 콘트롤 요소에는 적절한 label을 제공하며, 폼 콘트롤 요소의 id값과 <label>의 for값을 동일하게 제공하는가?			O
8.3.1	사용자 입력 오류가 발생했을 시, 사용자에게 알려주고 수정이 필요한 곳에 포커스가 이동하는가?				O

출처 http://nuli.navercorp.com/sharing/a11y/checklist