Completion 0%

Education > PC/모바일 웹 접근성 체크리스트

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

전체 / UX/기획 / 디자인 / 마크업 / Ajax/웹개발

PC/모바일 웹 접근성 체크리스트
체크리스트 항목 체크리스트별 책임
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