웹접근성 수준진단 자체 점검표

수준 진단 환경 진단지표 「한국형 웹 콘텐츠 접근성 지침 2.1 」(KCS.OT-10.0003/R2) (2015년 3월 개정) Ⅰ. 웹 접근성 수준 진단 환경 진단지표 「한국형 웹 콘텐츠 접근성 지침 2.1 」(KCS.OT-10.0003/R2) (2015년 3월 개정) 진단도구 IE/Firefox 브라우저의 부가기능 Web Developer, 스크린리더, 줌텍스트 등 보조 SW 진단 웹브라우저 인터넷익스플로러(IE) 버전 11 기준

※ 웹접근성 자체점검 표 제출시 각 항목별(p4~27) 세부설명 부분에 증빙자료을 첨부해서 제출해 주시기 바랍니다. Ⅰ. 웹 접근성 수준 진단 검사항목별 체크리스트 기준 4개원칙 24개 검사항목 (한국형 웹 콘텐츠 접근성 지침 2.1 기준) 검사항목별 배점 구분 검사항목 체크 인식의 용이성 1. 적절한 대체텍스트 운용의 13. 깜빡임과 번쩍임 사용 제한 2. 자막 제공 14. 반복 영역 건너뛰기 3. 색에 무관한 콘텐츠 인식 15. 제목 제공 4. 명확한 지시사항 제공 16. 적절한 링크 텍스트 5. 텍스트 콘텐츠 명도 대비 이해의 17. 기본 언어 표시 6. 자동 재생 금지 18. 사용자 요구에 따른 실행 7. 콘텐츠 간 구분 19. 콘텐츠 선형 구조 8. 키보드 사용 보장 20. 표의 구성 9. 초점 이동 21. 레이블 제공 10. 조작 가능 22. 오류 정정 11. 응답 시간 조절 견고성 23. 마크업 오류 방지 12. 정지 기능 제공 24. 웹 애플리케이션 접근성 준수 ※ 웹접근성 자체점검 표 제출시 각 항목별(p4~27) 세부설명 부분에 증빙자료을 첨부해서 제출해 주시기 바랍니다.

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준 항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다. 준수 기준 의미 있는 텍스트 아닌 콘텐츠에 그 의미나 용도를 동등하게 인식할 수 있는 적절한 대체 텍스트를 제공한 경우에 준수한 것으로 인정 오류유형 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우 텍스트 아닌 콘텐츠에 대한 대체텍스트를 불충분 또는 적절하지 않게 제공한 경우 세부설명

3 검사항목 별 수준진단 평가 기준 항목 2. (자막 제공) 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 한다. Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준 항목 2. (자막 제공) 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 한다. 준수기준 영상, 음성 등 멀티미디어 콘텐츠를 동등하게 인식할 수 있는 자막, 원고 또는 수화를 제공한 경우 준수한 것으로 인정 오류유형 멀티미디어 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우 멀티미디어 콘텐츠에 대한 대체 수단의 내용을 불충분 또는 적절하지 않게 제공한 경 세부설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 3. (색에 무관한 콘텐츠 인식) 콘텐츠는 색에 관계없이 인식될 수 있어야 한다. 준수기준 색을 배제하여도 인식할 수 있는 콘텐츠를 제공한 경우 준수한 것으로 인정 오류유형 색상만으로 내용을 구분하거나 인식하도록 제공된 콘텐츠(그래프, 차트, 지도, 필수 입력항목 등)를 제공한 경우 세부설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 4. (명확한 지시사항 제공) 지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다. 준수기준 지시사항 정보를 특정 감각에 의존하지 않고 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 제공한 경우 준수한 것으로 인정 오류유형 색, 크기, 모양, 방향 등 지시사항을 시각정보로만 제공한 경우 소리 등 지시사항을 청각정보로만 제공한 경우 세부설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 5. (텍스트 콘텐츠의 명도 대비) 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5대 1이상이어야 한다. 준수기준 내비게이션(메뉴) 및 본문 콘텐츠에서 텍스트의 명도 대비가 4.5:1 이상이거나, 18pt 또는 굵은 14pt 이상에서 3:1 이상인 경우 준수한 것 으로 인정 오류유형 일반 텍스트 또는 이미지 텍스트의 명도 대비가 3:1을 만족하지 않은 경우 세부설명

3 검사항목 별 수준진단 평가 기준(계속) 항목 6. (자동 재생 금지) 자동으로 소리가 재생되지 않아야 한다. Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 6. (자동 재생 금지) 자동으로 소리가 재생되지 않아야 한다. 준수기준 배경음 사용하지 않았거나 3초 이내 또는 바로 정지 할 수 있는 배경음 콘텐츠를 사용한 경우 준수한 것으로 인정 오류유형 웹 페이지에서 자동적으로 재생되는 3초 이상의 배경음 콘텐츠를 제공하는 경우 세부설명

3 검사항목 별 수준진단 평가 기준(계속) 항목 7. (콘텐츠 간의 구분) 이웃한 콘텐츠는 구분될 수 있어야 한다. Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 7. (콘텐츠 간의 구분) 이웃한 콘텐츠는 구분될 수 있어야 한다. 준수기준 이웃한 콘텐츠가 테두리, 구분선, 서로 다른 무늬 등을 이용하여 시각적으로 구분되도록 제공한 경우 준수한 것으로 인정 오류유형 이웃한 콘텐츠를 아래 1가지 방법 이상으로 구분하지 않은 경우 1-1) 테두리를 이용하여 구분함, 1-2) 콘텐츠 사이에 시각적인 구분선을 삽입하여 구분함 1-3) 서로 다른 무늬를 이용하여 구분함, 1-4) 콘텐츠 배경색 간의 명도대비(채도)를 달리하여 구분함 1-5) 줄 간격 및 글자 간격을 조절하여 구분함, 1-6) 기타 콘텐츠를 시각적으로 구분할 수 있는 방법 등 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 8. (키보드 사용 보장) 모든 기능은 키보드만으로도 사용 할 수 있어야 한다. 준수기준 모든 기능을 키보드로 접근 및 운용 제공한 경우 준수한 것으로 인정 오류유형 마우스로 제어할 수 있는 요소를 키보드로 제어할 수 없는 경우 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 9. (초점 이동) 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다. 준수기준 운용 가능한 개체(링크, 버튼, 서식 등)들에 키보드로 접근 시 초점을 인지할 수 있고 논리적 순서로 이동되는 경우 준수한 것으로 인정 오류유형 초점의 이동순서가 논리적이지 않으며 일관성이 없는 경우 초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않은 경우 텍스트 등 운용할 수 없는 요소에 초점이 되는 경우 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 10. (조작 가능) 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다. 준수기준 웹 페이지에서 제공하는 모든 이웃한 컨트롤들은 개별적으로 선택하고 사용할 수 있도록 대각선 길이가 6.0mm 이상의 크기와 컨트 롤의 안쪽 여백이 1픽셀 이상을 갖도록 제공한 경우 준수한 것으로 인정 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 11. (응답시간 조절) 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다. 준수 기준 시간제한이 있는 콘텐츠의 응답시간을 조절할 수 있는 경우 준수한 것으로 인정 오류 유형 시간제한이 있는 콘텐츠를 제어할 수 있는 수단을 제공하지 않은 경우 제한 시간을 해제 또는 연장하는 방법에 충분한 시간을 제공하지 않은 경우 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 12. (정지 기능 제공) 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다. 준수 기준 자동으로 변경되는 콘텐츠를 제어할 수 있도록 제공한 경우 준수한 것으로 인정 오류 유형 시간에 따라 자동으로 변경되는 콘텐츠에 정지, 이전, 다음 기능이 없는 경우 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 13. (깜빡임과 번쩍임 사용 제한) 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다. 기준 준수 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않았거나, 회피할수 있는 방법을 사전에 알리고 제공한 경우 준수한 것으로 인정 오류 유형 사전 경고 없이 초당 3~50회 깜빡이는 콘텐츠가 존재할 경우 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 14. (반복 영역 건너뛰기) 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다. 준수 기준 반복되는 영역을 건너뛸 수 있는 링크를 제공한 경우 준수한 것으로 인정 오류 유형 건너뛰기 링크를 제공하지 않은 경우 건너뛰기 링크의 제공방법이 적절하지 않은 경우(이동하지 않는 경우) 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다. 준수 기준 페이지, 프레임, 콘텐츠 블록에 적절한 제목을 제공 시 준수한 것으로 인정 오류 유형 페이지에 제목을 제공하지 않은 경우, 페이지에 제목을 적절하게 제공하지 않은 경우 프레임 요소에 제목을 제공하지 않은 경우, 프레임 요소의 제목을 적절하게 제공하지 않은 경우 콘텐츠 블록에 제목을 제공하지 않은 경우, 콘텐츠 블록에 제목을 적절하게 제공하지 않은 경우 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 16. (적절한 링크 텍스트) 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다. 준수 기준 링크 텍스트의 용도나 목적을 이해할 수 있도록 제공한 경우 준수한 것으로 인정 오류 유형 목적이나 용도를 알기 어려운 링크 텍스트를 제공한 경우 세부 설명

3 검사항목 별 수준진단 평가 기준(계속) 항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다. Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 18. (사용자 요구에 따른 실행) 사용자가 의도하지 않은 기능(새 창, 초점 변화 등)은 실행되지 않아야 한다. 준수 기준 사용자가 의도하지 않은 기능이 실행되지 않도록 한 경우 준수한 것으로 인정 오류 유형 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는 경우 웹 페이지 시작 시, 새 창 또는 화면을 가리는 레이어 팝업을 제공하는 경우 사용자가 의도하지 않은 초점 변화나 기능이 발생되어 맥락상 불편을 주는 경우 세부 설명

3 검사항목 별 수준진단 평가 기준(계속) 항목 19. (콘텐츠의 선형구조) 콘텐츠는 논리적인 순서로 제공해야 한다. Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 19. (콘텐츠의 선형구조) 콘텐츠는 논리적인 순서로 제공해야 한다. 준수 기준 콘텐츠의 순서가 논리적으로 선형화되어 제공한 경우 준수한 것으로 인정 오류 유형 콘텐츠의 순서가 논리적으로 제공되지 않아 계층 구조를 이해할 수 없는 경우 세부 설명

3 검사항목 별 수준진단 평가 기준(계속) 항목 20. (표의 구성) 표는 이해하기 쉽게 구성해야 한다. Ⅰ. 웹 접근성 준수 표를 이해할 수 있도록 정보를 제공한 경우 준수한 것으로 인정 오류 유형 표의 제목과 요약정보를 제공하지 않은 경우 표의 제목과 요약정보가 불충분하거나 적절하게 제공되지 않은 경우 제목 셀과 내용 셀을 구분하지 않거나 잘못 구분한 경우 다단, 병합 등 복잡한 표를 제공 시 headers, id 속성을 통해 제목 셀과 내용 셀을 연결하지 않은 경우 표의 정보를 이해하기 어려운 중첩 표(표 안의 표)를 넣어 정보를 제공한 경우 세부 설명

3 검사항목 별 수준진단 평가 기준(계속) 항목 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다. Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다. 준수 기준 입력 서식에 대응하는 레이블을 제공한 경우 준수한 것으로 인정 오류 유형 각 입력 서식에 1:1로 대응하는 레이블을 제공하지 않은 경우 각 입력 서식에 1:1로 대응하는 레이블을 적절하게 제공하지 않은 경우 세부 설명

3 검사항목 별 수준진단 평가 기준(계속) 항목 22. (오류 정정) 입력 오류를 정정할 수 있는 방법을 제공해야 한다. Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 22. (오류 정정) 입력 오류를 정정할 수 있는 방법을 제공해야 한다. 준수 기준 입력 오류를 정정할 수 있는 방법을 제공한 경우 준수한 것으로 인정 오류 유형 입력 오류 발생 시, 오류 원인 및 내용을 알려주지 않거나 적절하지 않은 경우 입력 오류 발생 시, 정정할 수 있는 수단을 제공하지 않거나 적절하지 않은 경우 오류 정보 확인 시, 해당 입력 서식으로 초점이 이동하지 않는 경우 입력 오류 발생 시 입력 내용이 모두 사라지는 경우 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 23. (마크업 오류 방지) 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다. 준수 기준 마크업 언어 요소의 열고 닫음, 중첩 관계 및 속성 선언에 오류 없이 제공한 경우 준수한 것으로 인정 오류 유형 태그의 열고 닫음 오류 태그의 중첩 오류 중복 선언된 속성 오류, id값 중복 사용 오류 세부 설명

3 Ⅰ. 웹 접근성 검사항목 별 수준진단 평가 기준(계속) 항목 24. (웹 애플리케이션 접근성 준수) 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다. 준수 기준 웹 애플리케이션의 자체 접근성을 준수하였거나 대체 콘텐츠를 제공한 경우 준수 한 것으로 인정 오류 유형 웹 애플리케이션이 자체적인 접근성이 없으며 사용자가 선택할 수 있는 대체 콘텐츠가 존재하지 않거나 적절하지 않게 제공한 경우

4 Ⅰ. 웹 접근성 웹 접근성 점검 방법 Open Wax 활용

4 웹 접근성 점검 방법(계속) 키보드 점검 방법 웹 접근성 연구소(www.wah.or.kr) Ⅰ. 웹 접근성 웹 접근성 점검 방법(계속) 키보드 점검 방법 다양한 최신의 웹브라우저(IE11, Chrome, Firefox 등)를 이용하여 주소 창에서 부터 시작해서 Tab(정방향)와 Shift+Tab(역방향)을 이용하여 문서 처음부터 끝 까지 모든 기능을 이용 및 이용할 수 있는지 점검 ※ 주요 점검사항 ▶ 키보드만으로 모든 기능을 사용할 수 있는가? ▶ 초점 이동순서가 논리적인가? ▶ 특정 영역이 마우스나 키보드 조작을 통해 초점을 받았을 때 초점을 받았음을 시각적으로 알 수 있도록 되어 있는가? 웹 접근성 연구소(www.wah.or.kr) 웹 접근성 표준, 제작기법 등 관련정보 제공 웹 접근성 전문가 상담(온라인 자문) 웹 접근성 관련 교육, 세미나 등 개최 안내 등

4 웹 접근성 점검 방법(계속) Web Accessibility Toolbar 명도대비 평가도구 Ⅰ. 웹 접근성 웹 접근성 점검 방법(계속) Web Accessibility Toolbar 명도대비 평가도구 다운로드 : https://www.paciellogroup.com

5 웹 접근성 점검 시 주요 사항 반복해서 웹 페이지 마다 적용되는 콘텐츠의 경우 웹 페이지 마다 중복 평가함 Ⅰ. 웹 접근성 웹 접근성 점검 시 주요 사항 반복해서 웹 페이지 마다 적용되는 콘텐츠의 경우 웹 페이지 마다 중복 평가함 ▶ 배너(좌측, 우측, 하단) 등, 기관 로고 등의 경우 오류 발생 시 마다 감점 됨 외부 콘텐츠(지도 API, SNS 등)에 대한 평가 기준 ▶ 단순 링크 방식으로 제공할 경우, 대체 텍스트 제공 유무 등 평가 진행 ▶ 웹 페에지 내에 포함에서 iFrame형식으로 제공할 경우 평가하지 않음, 단 프레임형식으로 제공 할 경우 해당 프레임의 제목을 제공하지 않을 경우 감점 대체 텍스트 제공 시 자주 발견되는 오류 ▶ 단순오타, 이미지 내 텍스트와 대체 텍스트 간의 정확한 1:1 매칭이 안되는 경우 등 ▶ 이미지는 수정이 되었으나, 대체 텍스트를 수정하지 않는 경우(지역축제 등) ▶ CopyRights(주소, 전화번호)를 이미지 제공 시 주소가 변경 되어도 대체 텍스트는 변경되기 전 주소 표의 구성 : Caption과 Summary를 잘못 제공하는 경우 ▶ caption과 summary를 서로 바꾸어 제공하는 경우 ▶ summary를 간략하게 제공하는 경우 ▶ html5에서는 summary를 제공이 제공되지 않으므로, captiion에 표의 제목과 요약정보를 함께 제공

6 웹 접근성 FAQ 게시물에 대한 웹 접근성을 준수해야 하나요? Ⅰ. 웹 접근성 웹 접근성 FAQ 게시물에 대한 웹 접근성을 준수해야 하나요? ▶ 공지사항, 새소식, 포토갤러리 등 지속적으로 업데이트 되는 게시물은 웹 접근성 준수 대상임 ▶ 대체텍스트, 데이터 테이블 오류 발생 빈도가 높음 ▶ 에디터 개발 시 대체텍스트 입력 서식 제공 필요 ▶ 자유게시판 등 불특정 다수 게시판은 제외 공지 팝업 제공 시 주의할 점은 무엇인가요? ▶ confirm창을 이용하여 사전에 팝업 여부를 알리고 사용자가 택할 수 있도록 제공 ▶ 별도의 팝업 존을 제공하여 공지 내용을 확인할 수 있도록 제공 ▶ 주요오류 유형 : 페이지 제목, 기본 언어, 대체텍스트, 서식의 레이블 미제공

6 Ⅰ. 웹 접근성 웹 접근성 FAQ 솔루션 도입 시 주의할 점은? ▶ 주요 솔루션 : 공인인증서, 프린터 모듈, 뷰어, 결제 모듈, 그리드, 동영상 플레이어, PDF뷰어, 플래시 콘텐츠, 본인인증(휴대폰, 아이핀 등) 콘텐츠 등 ▶ 도입 제품이 접근성에 대한 검증을 받은 제품인지, 검증을 받지 않았다면 접근성에 대한 해결방법이 있는 제품인지 확인 필수 ▶ 솔루션의 자체 접근성 확보가 어려운 경우 솔루션으로 제공되는 정보나 기능과 동등한 수준의 대체수단, 대체 콘텐츠를 제공해야 함