지침1. 대체텍스트 제공
◎ <img>,<input type="image"> 등 이미지 요소에 대해 alt 속성을 제공하지 않거나 매우 불충분
하거나 오타로 표기된 경우
예) 배너 등에 행사명만 적고 행사기간, 장소 등을 기입하지 않은 경우
예) 찾아오는 길” 등 지도 이미지에서 찾아올 수 있는 내용을 충분히 제공하지 않은 경우
◎ 불릿 이미지 등 의미 없는 이미지에 alt 속성을 제공하지 않거나 공백이 아닌 불필요한 대체 텍스
트를 제공한 경우
◎ 긴 내용 또는 불충분한 alt를 대신해서 <longdesc> 속성을 이용해야 하나 파일을 제공하지 않거
나 연결되지 않은 경우 또는 그 내용이 해당 의미나 기능을 파악하기 어려운 경우(업데이트 안된 경
우 포함)
◎ <area> 요소에 대체 텍스트를 바르게 작성 했더라도 <img> 요소를 alt 속성으로 제공하지 않거
나, <longdesc> 속성을 사용하는 이미지 자체에 alt를 제공하지 않은 경우
◎ 이미지맵 형태로 조직의 관계나 프로세스 등 복잡한 이미지의 대체 텍스트 제공 시, <area>로 각
항목만을 나열하고 조직 간의 관계를 표현하지 않은 경우
◎ 대체텍스트를 title만으로 제공하는 경우 예) <img alt="" title="대체 텍스트" src="">
◎ QR코드의 이동 주소 정보 등을 대체텍스트 또는 설명, 링크 등으로 제공하지 않은 경우
◎ 배경 이미지가 의미 있는 정보를 제공하고 있으나 대체 콘텐츠를 제공하지 않은 경우
◎ “~이미지”, “~버튼” 등 태그정보와 동일한 불필요한 대체정보를 제공하는 경우
◎ 자동가입방지 문자 등 이미지가 제공하는 기능에 대해 대체기능을 제공하지 않는 경우
지침2. 멀티미디어 대체수단 제공
◎ 영상, 음성 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우
◎ 텍스트를 제공하는 영상 콘텐츠에서 동등한 음성 또는 자막을 제공하지 않은 경우
◎ 내용 전체를 충분히 설명하지 않고 요약 정보나 제목만 제공하는 경우
지침3. 색에 무관한 콘텐츠 인식
◎ 색상만으로 내용을 분별하도록 제공된 콘텐츠(그래프, 차트, 지도 등)
◎ 페이지 내비게이션, 메뉴, 현재 위치 등에 대해 명암, 패턴 등의 변화 없이 색상의 변환만으로 현
재의 위치를 표시한 경우
◎ 필수 입력 항목을 색으로만 표시한 경우
지침4. 명확한 지시 사항 제공
◎ 색, 크기, 모양, 방향 등으로만 정보를 제공한 경우
◎ 전달하고자 하는 지시사항을 소리로만 정보를 제공한 경우
지침5. 텍스트 콘텐츠의 명도 대비
◎ 통상적으로 이미지, 텍스트 등 모든 문자 정보에 대해 4.5:1을 만족하지 않은 경우
◎ 텍스트의 규격 정보가 있으며, 보통 크기(18pt 미만, 또는 굵은 14pt 미만)의 텍스트가 4.5:1을
만족하지 않은 경우
◎ 텍스트의 규격 정보가 있으며, 텍스트의 크기가 18pt 이상, 또는 굵은 14pt 이상의 텍스트가
3:1을 만족하지 않은 경우
◎ 이미지 텍스트의 경우 폰트 종류와 상관없이 14호 크기에 해당하는 18.66px 미만인 경우 4.5:1
이상이거나 18.66px 이상인 경우 3:1 이상을 만족하지 않은 경우(굵은 14pt 기준은 적용하지 않음)
지침6. 배경음 사용 금지
◎ 웹 페이지에서 자동적으로 재생되는 3초 이상의 배경음(동영상, 음성, 음악 등) 콘텐츠를 제공하는
경우
◎ 마우스 오버 또는 키보드 초점을 받아 자동적으로 배경음이 3초 이상 실행되는 경우
지침7. 키보드 사용 보장
◎ 마우스로 제어할 수 있는 요소를 키보드로 제어할 수 없는 경우
지침8. 초점 이동
◎ Tab키와 Shift+Tab 키에 의한 초점의 이동순서가 논리적이지 않으며 일관성이 없는 경우
◎ 초점을 받은 요소가 시각적으로 표시되지 않은 경우
◎ <area> 요소의 진행 순서에 의미가 있으나 키보드 접근 순서가 의미와 일치하지 않은 경우
지침9. 응답시간 조절
◎ 페이지 재 이동시 회피할 수 있는 수단을 제공하지 않은 경우
◎ 제한 시간을 연장하는 방법에 제한 시간이 있는 경우
지침10. 제어 기능 제공
◎ 시간에 따라 변화하는 콘텐츠에 정지, 이전, 다음 기능이 없는 경우
◎ 시간에 따라 변화하는 콘텐츠가 마우스와 키보드로 제어 불가능한 경우
지침11. 깜빡임과 번쩍임 사용 제한
◎ 사전 경고 없이 초당 3~50회 깜빡이는 콘텐츠가 존재할 경우
지침12. 반복 영역 건너뛰기
◎ 건너뛰기 링크를 제공하지 않은 경우
◎ 건너뛰기 링크는 제공하고 있으나 동작이 안되는 경우
◎ 건너뛰기 링크는 제공하고 있으나 해당 링크 영역으로 이동하지 않은 경우
◎ 페이지마다 반복되는 콘텐츠를 건너뛰는 용도가 아닌 특정 콘텐츠로 바로가는 링크를 제공하는 경우
◎ 건너뛰기 링크를 육안으로 확인할 수 없거나 인식이 어려운 경우
◎ 건너뛰기 링크를 페이지 최상단에 마크업하지 않은 경우
지침13. 제목 제공
◎ 페이지 제목의 title 속성을 제공하지 않았거나 페이지의 내용과 다른 의미의 제목을 사용한 경우
◎ 페이지 제목에 반복되는 특수문자를 제공한 경우
◎ 분류가 더 가능함에도 불구하고, 상위 범주로 제목을 제공한 경우
◎ <frame>, <iframe>, <frameset> 요소의 title 속성이 없거나, 속성 값을 비워둔 경우 또는 내용이
부적절한 경우
◎ 내용 또는 기능이 없는 프레임에 <title>을 비워두거나, 제공하지 않은 경우
◎ 콘텐츠 블록(본문영역에 포함된 콘텐츠들의 제목)에 <h1~6>을 사용하여 제목을 제공하지 않은 경우
지침14. 적절한 링크 텍스트
◎ 목적이나 용도를 알기 어려운 링크 텍스트를 제공한 경우
지침15. 기본 언어 표시
html 문서에는 <html lang=“ko”>,
xhtml 문서에는 <html xml:lang=“ko> 로 제공하여야 함.
◎ <html>에 lang 속성을 명시하지 않거나 잘못 명시한 경우
지침16. 사용자 요구에 따른 실행
◎ 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는 경우
◎ 웹 사이트 초기화면(메인 페이지)에 팝업 창(레이어 팝업 포함)을 제공하는 경우
◎ 사용자가 의도하지 않은 초점 변화가 발생하는 경우
◎ 체크상자의 선택, 텍스트 입력 서식의 값 변경만으로 값이 제출되어 콘텐츠가 바뀌는 경우
지침17. 콘텐츠의 선형화
◎ 디자인 레이아웃을 <table>로 구현한 경우
◎ 제목-내용' 으로 구성된 콘텐츠 목록의 배치가 분리되어 내용을 직관적 이해가 불가능한 경우
◎ 계층 구조가 명백하게 필요한 콘텐츠를 중첩 마크업을 이용하여 표현하지 않은 경우
지침18. 표의 구성
◎ <caption> 요소, summary 속성을 제공하지 않거나 용도 또는 설명이 부적절한 경우
◎ 데이터 테이블에 제목 셀과 내용 셀을 <th>와 <td> 요소로 구분하지 않은 경우
◎ 제목 셀 및 내용 셀의 다단, 병합 등 복잡한 표를 제공 시 headers 속성으로 <td>에서 <th>의 id
를 참조 또는 scope 속성으로 <th>요소에 <td>요소의 범위를 지정하여 제공하지 않은 경우
지침19. 레이블 제공
◎ <input type="hidden|submit|button|reset">을 제외한 모든 <input>,<textarea>,<select> 요소에
1:1 대응하는 <label> 또는 title 정보를 제공하지 않은 경우
◎ <input>의 id와 <label>의 for가 다르거나, 페이지 안에 같은 id가 중복 마크업한 경우
◎ <select> 요소의 첫 번째 <option>이 레이블 역할을 대신하는 경우
지침20. 오류 정정
◎ 입력 서식을 잘못 작성한 경우 해당 서식 필드로 초점을 이동하도록 제공하지 않거나 해당 서식의 전
송버튼을 눌렀을 때, 입력 내용이 모두 사라지는 경우
◎ 오류 발생 시, 정정할 수 있는 수단을 제공하지 않거나 오류 정정이 필요한 위치로 직접 이동하지 못
하는 경우
◎ 입력 정정방식 또는 내용을 잘못 제공한 경우
지침21. 마크업 오류 방지
◎ 태그의 열고닫음 마크업 오류(“end tag for”) 발생 여부
◎ 태그의 중첩관계 마크업 오류(“ID already defined”, “Duplicate ID”) 발생 여부
◎ 태그의 중복선언 마크업 오류(“Duplicate”) 발생 여부
지침22. 웹 애플리케이션 접근성 준수
◎ 부가애플리케이션 콘텐츠를 키보드만으로 이용이 불가능한 기능이나 링크가 있는 경우
◎ 부가애플리케이션 콘텐츠를 키보드만으로 이용 시 비논리적인 순서로 초점이 이동하는 경우
◎ 부가애플리케이션 콘텐츠를 스크린리더로 이용 시 인식할 수 있는 대체 정보를 제공하지 않은 경우
5. 자동툴 점검 한계
◎ 로그인/인증 후 이용 가능한 주요서비스 점검 불가
◎ K-WAH 경우 22개 지표 중 6개 지표만 일부 점검 가능
◎ 자동툴 결과는 준수율이 아닌 제공율
◎ 정보의 적절성 판단 불가능
모든 이미지 alt = "" -> 준수율 100%
모든 페이지 <title>동일</title>
모든 프레임 title=“” -> 준수율 100%
자동점검 툴 역할
- 결과값에 대한 신뢰보다 점검을 위한 보조도구 활용
- 위반사항의 예측기능으로 활용