현재 페이지 위치

Home> 나눔> 웹접근성 가이드> PC/모바일 웹 접근성 체크리스트

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

추천하기
추천 횟수 :6
공유하기
페이스북으로 공유하기페이스북 공유 횟수 :0트위터로 공유하기트위터 공유 횟수 :0

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

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

PC/모바일 웹 접근성 체크리스트
체크리스트 항목체크리스트별 책임
UXUI마크업개발
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.1W3C 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.1HTML 코드에 주언어 관련 속성(lang)이 선언되어 있는가?O
3.2.13초이상 자동으로 재생되는 음성을 제공할 경우, 사전에 제어가 가능한가?O
3.3.1콘텐츠와 배경간의 명도 대비는 4.5:1 이상이 되는가?O
4.1.1서비스 특성상 시간 제한이 있는 경우, 시간 제한이 있는 콘텐츠임을 사전에 공지하고 있으며 남은 시간에 대해 알려주고 있는가?O
4.2.1자동으로 갱신되는 콘텐츠를 제어할 수 있거나 전체 내용을 모두 확인할 수 있는가?O
5.1.11초에 3회 이상 깜박거리는 콘텐츠를 제공하지는 않는가?O
6.1.1필수특정 장치에 의존적이거나 복잡한 누르기 동작은 단순한 키 조작 또는 터치로도 가능한가?O
6.2.1필수포커스가 논리적인 순서로 이동하는가?O
6.3.1필수포커스를 시각적으로 구별할 수 있는가?O
7.1.1웹페이지의 제목이 웹브라우저의 제목으로 사용되었는가?O
7.1.2프레임이 사용될 때 프레임의 제목이 title 속성 값에 제대로 반영이 되었는가?OO
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