자료검색

책소개

웹 접근성의 취지와 배경, 목적과 지침에 대한 해설, 실무 프로젝트에서 벌어지는 모든 웹 접근성 관련 지식과 노하우를 모두 제공하고 있으며, 웹 접근성 준수 여부를 검사하는 화면 낭독기에 대한 자세한 내용까지 모두 담았다. 각 분야 최고의 전문성을 가진 저자들이 내용을 구성했고, 웹 콘텐츠 접근성 지침의 자세한 해설과 프로젝트 노하우, 1급 시각장애인 저자의 화면 낭독기 분석까지 웹 접근성과 관련한 모든 내용을 총망라했다. 실무에서 바로 사용할 수 있도록 소스코드 예제까지 포함한 다양한 사례를 통해 웹 접근성에 대해 자신감을 가지고 적용할 수 있다.

목차

1부 웹 접근성 기초

1장 웹 접근성과 장애인차별금지법
___1.1 웹 접근성
______1.1.1 웹 접근성의 의미
______1.1.2 웹 접근성의 정확한 범위
______1.1.3 웹 접근성 관련 용어가 혼란스러운 이유
___1.2 관련 용어와 상관 관계
______1.2.1 웹 표준
______1.2.2 웹 호환성과 크로스브라우징
______1.2.3 웹 사용성
______1.2.4 웹 표준과 웹 접근성의 관계
_________1.2.4.1 선형화해서 논리적인 순서 확보
_________1.2.4.2 기본적인 문법을 준수해서 견고성 확보
______1.2.5 웹 표준과 웹 호환성의 관계
______1.2.6 정확한 용어 사용의 중요성
___1.3 장애인차별금지법
______1.3.1 장애인차별금지법의 의미
______1.3.2 웹 접근성 의무적용 시기
______1.3.3 법에서 명시한 웹 접근성 대상
_________1.3.3.1 전자정보 vs 웹사이트에서 제공하는 정보
_________1.3.3.2 장애인차별금지법의 취지
_________1.3.3.3 미국 장애인 법 제·개정의 취지
___1.3.4 법을 준수하지 않을 경우
___1.3.5 진정 가능한 대상
___1.3.6 입증책임
___1.3.7 웹 접근성 계획의 중요성
___1.3.8 국내 진정 사건 접수 현황
___1.3.9 국내 진정과 소송 사례
______1.3.9.1 교육콘텐츠 이러닝 서비스 진정 사례: 2008년
______1.3.9.2 방송 3사 홈페이지 집단 진정 사례: 2010년
______1.3.9.3 대한항공 등 4곳의 민사 소송 사례: 2012년
___1.3.10 해외 소송 사례
______1.3.10.1 미국 타깃 사 사례
______1.3.10.2 호주 시드니 올림픽 조직위원회 사례
______1.3.10.3 월트 디즈니 사 사례
___정리


2장 웹 접근성 품질인증마크와 인증획득
___2.1 웹 접근성 품질인증마크
______2.1.1 웹 접근성 품질인증마크의 의미
______2.1.2 인증의 필요성
______2.1.3 현황과 문제점
_________2.1.3.1 품질인증마크 인증 현황
_________2.1.3.2 기존 사설 인증기관 비교 현황
_________2.1.3.3 기존 인증제도의 문제점
______2.1.4 새로운 국가임의인증제도
______2.1.5 장애인차별금지법과의 관계
___2.2 인증획득
______2.2.1 인증기준의 의미
_________2.2.1.1 전문가 심사 기준
_________2.2.1.2 사용자 심사 기준
______2.2.2 품질인증마크 획득 준비
_________2.2.2.1 품질인증마크의 선택
_________2.2.2.2 인증획득 프로젝트 준비
_________2.2.2.3 심사 접수 대상 여부 판단
_________2.2.2.4 신청 대상 사이트의 범위
______2.2.3 인증신청과 결과 확인
_________2.2.3.1 심사 접수
_________2.2.3.2 심사 절차
___정리

2부 웹 접근성 기본 4원칙

3장 인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다
___3.1 [검사항목 1] 적절한 대체 텍스트 제공
______3.1.1 [오류유형 1-1] 텍스트 이미지의 대체 텍스트 미 제공
______3.1.2 [오류유형 1-1] 불충분한 대체 텍스트를 제공한 경우
______3.1.3 [오류유형 1-1] 대체 텍스트가 오타로 표기된 경우
______3.1.4 [오류유형 1-1] 이미지 버튼에 대체 텍스트를 제공하지 않은 경우
______3.1.5 [오류유형 1-1] 게시물의 이미지에 대체 텍스트가 제공되지 않은 경우
______3.1.6 [오류유형 1-2] 불릿 이미지에 대한 대체 텍스트를 제공하지 않은 경우
______3.1.7 [오류유형 1-2] 의미 없는 이미지에 대체 텍스트를 제공한 경우
______3.1.8 [오류유형 1-2] 분리된 이미지 조각의 대체 텍스트 제공
______3.1.9 [오류유형 1-3] 〈longdesc〉의 파일이 없거나 연결되지 않은 경우
______3.1.10 [오류유형 1-3] 〈longdesc〉 내용이 의미나 기능을 파악하기 어려운 경우
______3.1.11 [오류유형 1-4] 이미지맵의 〈img〉 요소에 alt 속성을 제공하지 않은 경우
______3.1.12 [오류유형 1-5] 조직도 이미지맵의 〈area〉로만 대체 텍스트를 제공한 경우
______3.1.13 [오류유형 1-6] 대체 텍스트를 title만으로 제공하는 경우
______3.1.14 [오류유형 1-7] QR 코드의 이동 주소 정보를 대체 텍스트나 설명, 링크 등으로 제공하지 않은 경우
______3.1.15 [오류유형 1-8] 의미 있는 배경 이미지의 대체 콘텐츠를 제공하지 않은 경우
______3.1.16 [오류유형 1-8] 의미 있는 색상 배경 이미지에 대체 콘텐츠를 제공하지 않은 경우
______3.1.17 [오류유형 1-9] 플래시 콘텐츠에 대체 텍스트를 제공하지 않은 경우
______3.1.18 [오류유형 1-9] 웹 애플리케이션의 대체 콘텐츠 접근이 불가능하거나 의미 파악이 어려운 경우
______3.1.19 [주의사항 1-1] 이미지 링크에서 title로 제목을 제공하고, 이미지의 대체 텍스트를 alt=“”로 제공 시, 미 감점
______3.1.20 [주의사항 1-2] 실시간 영상이나 CAPTCHA의 대체 텍스트는 용도만 제공해도 준수
______3.1.21 [주의사항 1-3] 이미지의 텍스트 정보와 대체 텍스트가 달라도 인식가능하면 인정
______3.1.22 [주의사항 1-4] 이미지의 설명이 본문에 있으면 대체 콘텐츠로 인정
______3.1.23 [주의사항 1-5] 구조적인 정보는 longdesc를 html로 제공하고 txt로 제공 시, 감점
______3.1.24 [주의사항 1-6] 오류유형 중 1-9는 사용자 심사에서만 평가
___3.2 [검사항목 2] 자막 제공
______3.2.1 [오류유형 2-1] 영상, 음성 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우
______3.2.2 [오류유형 2-2] 내용 전체를 충분히 설명하지 않고 요약 정보나 제목만 제공하는 경우
______3.2.3 [오류유형 2-3] 텍스트만 제공하는 영상 콘텐츠에서 동등한 음성을 제공하지 않은 경우
______3.2.4 [주의사항 2-1] 파일로 제공되는 영상, 음성 콘텐츠도 평가 대상에 포함
______3.2.5 [주의사항 2-2] 자막으로 인해 수화가 가려지는 경우
______3.2.6 [주의사항 2-3] 원고가 페이지를 벗어나는 경우
___3.3 [검사항목 3] 색에 무관한 콘텐츠 인식
______3.3.1 [오류유형 3-1] 색상만으로 내용을 분별하도록 제공된 콘텐츠
______3.3.2 [오류유형 3-2] 페이지 내비게이션 등 색상의 변환만으로 현재의 위치를 표시한 경우
______3.3.3 [오류유형 3-3] 필수입력 항목을 색으로만 표시한 경우
___3.4 [검사항목 4] 명확한 지시사항 제공
______3.4.1 [오류유형 4-1] 색, 크기, 모양, 방향 등으로만 정보를 제공한 경우
______3.4.2 [오류유형 4-2] 전달하고자 하는 지시사항을 소리로만 정보를 제공한 경우
______3.4.3 [주의사항 4-1] 가급적 위치 정보를 이용하여 지시하지 않도록 콘텐츠를 구현하는 것을 권장
___3.5 [검사항목 5] 텍스트 콘텐츠의 명도대비
______3.5.1 [오류유형 5-1] 보통 크기의 텍스트가 4.5:1을 만족하지 않은 경우
______3.5.2 [오류유형 5-2] 18pt 이상 또는 굵은 14pt 이상의 텍스트가 3:1을 만족하지 않은 경우
______3.5.3 [오류유형 5-3] 이미지 텍스트가 명도대비 기준을 준수하지 않은 경우
______3.5.4 [주의사항 5-1] 본문은 콘텐츠 영역의 텍스트, 표, 그래프의 텍스트 내용을 의미
______3.5.5 [주의사항 5-2] 이미지 텍스트는 절대크기로 텍스트 크기를 결정하여 명도대비 기준 적용
______3.5.6 [주의사항 5-3] 장식용 이미지, 초점 진입 시, 색이 변하여 명도대비를 준수하거나 비활성화 영역 등은 예외
______3.5.7 [주의사항 5-4] 전체 웹사이트의 색상 정보를 변경해 준수한 경우 인정
___3.6 [검사항목 6] 배경음 사용 금지
______3.6.1 [오류유형 6-1] 자동적으로 재생되는 3초 이상의 배경음 콘텐츠를 제공하는 경우
______3.6.2 [오류유형 6-2] 마우스 오버나 키보드 초점을 받아 자동으로 배경음이 3초 이상 실행되는 경우
______3.6.3 [주의사항 6-1] 3초 미만의 배경음은 예외
______3.6.4 [주의사항 6-2] 자동재생 배경음의 제어 수단이 페이지의 가장 첫 부분에 제공되는 경우 준수
___정리

4장 운용의 용이성: 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션할 수 있어야 한다
___4.1 [검사항목 7] 키보드 사용 보장
______4.1.1 [오류유형 7-1] 이미지에 onclick 이벤트를 적용하여 키보드로 제어할 수 없는 경우
______4.1.2 [오류유형 7-1] 키보드 이벤트를 적용하지 않아 키보드 접근이 안 되는 경우
______4.1.3 [오류유형 7-1] readonly 속성을 사용하여 대체 수단이 비활성화되는 경우
______4.1.4 [오류유형 7-1] 마우스 종속적인 자바스크립트 사용으로 키보드 이용이 불가능한 경우
______4.1.5 [오류유형 7-2]웹 어플리케이션의 wmode 값 설정으로 인해 키보드 이용이 불가능한 경우
______4.1.6 [주의사항 7-1] 웹 접근성 품질인증 심사에서는 IE8 브라우저에서 키보드 테스트함
______4.1.7 [주의사항 7-2] onclick 이벤트 핸들러에 키보드로 제어가 불가한 경우 감점
______4.1.8 [주의사항 7-3] 지리정보(GIS)나 가상현실(VR) 콘텐츠는 예외지만 기타 인터페이스는 키보드로 사용할 수 있어야 함
______4.1.9 [주의사항 7-4] 키보드로 탭메뉴에서 탭간 이동하면서 탭 내용을 확인할 수 없는 경우 감점
______4.1.10 [주의사항 7-5] onfocus=“this.blur();“를 사용하는 경우 검사항목 7, 8, 16에서 동시 감점
______4.1.11 [주의사항 7-6] 플래시의 wmode가 transparent 또는 opaque로 지정하게 되면 화면 낭독기 인식 불가능
___4.2 [검사항목 8] 초점 이동
______4.2.1 [오류유형 8-1] 초점의 이동 순서가 논리적이지 않으며 일관성이 없는 경우
______4.2.2 [오류유형 8-2] 초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않은 경우
______4.2.3 [오류유형 8-3] 〈area〉 요소의 진행 순서와 키보드 접근 순서의 의미가 일치하지 않은 경우
______4.2.4 [주의사항 8-1] onfocus=“this.blur();“를 사용하는 경우 검사항목 7, 8, 16에서 동시 감점
___4.3 [검사항목 9] 응답시간 조절
______4.3.1 [오류유형 9-1] 페이지 재이동 시 회피할 수 있는 수단을 제공하지 않은 경우
______4.3.2 [오류유형 9-2] 제한시간을 연장하는 방법에 제한시간이 있는 경우
______4.3.3 [주의사항 9-1] 원천적으로 콘텐츠의 이용에 따르는 시간 조절을 허용할 수 없는 콘텐츠는 예외
______4.3.4 [주의사항 9-2] 검사 대상은 자동전환 페이지, 제한시간 연장, 제한시간 만료 경고 등이 해당됨
___4.4 [검사항목 10] 정지 기능 제공
______4.4.1 [오류유형 10-1] 시간에 따라 변화하는 콘텐츠에 정지, 이전, 다음 기능이 없는 경우
______4.4.2 [오류유형 10-2] 시간에 따라 변화하는 콘텐츠가 마우스와 키보드로 제어 불가능한 경우
______4.4.3 [주의사항 10-1] 움직이는 배너, 뉴스 등 시간에 따라 변화하는 콘텐츠를 키보드와 마우스로 평가
______4.4.4 [주의사항 10-2] 키보드 포커스 및 마우스 오버 시 콘텐츠의 변화가 멈춰지면 정지 기능이 제공된 것으로 인정
______4.4.5 [주의사항 10-3] 검사 대상은 자동적으로 스크롤되는 배너, 자동 변경되는 실시간 검색순위 등이 해당됨
___4.5 [검사항목 11] 깜빡임과 번쩍임 사용 제한
______4.5.1 [오류유형 11-1] 사전 경고 없이 초당 3~50회 깜빡이는 콘텐츠가 존재할 경우
______4.5.2 [주의사항 11-1] 깜빡임을 중단하는 수단을 제공했더라도 미리 경고하지 않은 경우는 감점
______4.5.3 [주의사항 11-2] 깜빡임이 3초 미만인 경우 인정
______4.5.4 [주의사항 11-3] 동영상 콘텐츠도 검사 대상
___4.6 [검사항목 12] 반복 영역 건너뛰기
______4.6.1 [오류유형 12-1] 건너뛰기 링크를 제공하지 않은 경우
______4.6.2 [오류유형 12-2] 건너뛰기 링크는 제공하고 있으나 동작이 안 되거나 접근할 수 없는 경우
______4.6.3 [주의사항 12-1] 지나치게 많은 건너뛰기 링크를 제공하지 말 것
______4.6.4 [주의사항 12-2] 건너뛰기 링크에 키보드 접근이 불가한 경우 검사항목 7, 12에서 동시 감점
______4.6.5 [주의사항 12-3] 건너뛰기 링크는 감추지 않고, 화면에서 볼 수 있도록 제공하는 것을 권장
______4.6.6 [주의사항 12-4]불필요하게 제공된 건너뛰기 링크가 동작하지 않는 경우도 감점
______4.6.7 [주의사항 12-5]메뉴나 링크 등의 반복되는 콘텐츠가 있을 경우에만 건너뛰기 필요
___4.7 [검사항목 13] 제목 제공
______4.7.1 [오류유형 13-1] 페이지 제목의 title 속성을 제공하지 않은 경우
______4.7.2 [오류유형 13-1] 페이지 제목이 내용과 다른 의미의 제목을 사용한 경우
______4.7.3 [오류유형 13-2] 페이지 제목에 반복되는 특수문자를 제공한 경우
______4.7.4 [오류유형 13-3] 페이지 제목의 분류가 더 가능함에도 불구하고, 상위 범주로 제목을 제공한 경우
______4.7.5 [오류유형 13-4] 〈frame〉, 〈iframe〉, 〈frameset〉 요소의 title 속성이 없는 경우
______4.7.6 [오류유형 13-4] 〈frame〉, 〈iframe〉, 〈frameset〉 요소의 title 속성값을 비워둔 경우
______4.7.7 [오류유형 13-4] 〈frame〉, 〈iframe〉, 〈frameset〉 요소의 title 속성값 내용이 부적절한 경우
______4.7.8 [오류유형 13-5] 내용 또는 기능이 없는 프레임에 〈title〉을 비워둔 경우
______4.7.9 [오류유형 13-5] 내용 또는 기능이 없는 프레임에 〈title〉을 제공하지 않은 경우
______4.7.10 [오류유형 13-6] 콘텐츠 블록에 〈h1~6〉을 사용하여 제목을 제공하지 않은 경우
______4.7.11 [주의사항 13-1] 프레임 제목은 프레임 내에 포함된 콘텐츠를 유추할 수 있는 간결한 제목을 제공
______4.7.12 [주의사항 13-2] 내용 또는 기능이 없는 프레임에도 “빈 프레임”, “내용 없음”과 같이 title을 제공해야 함
______4.7.13 [주의사항 13-3] 게시판의 ‘목록, 읽기, 쓰기’ 페이지의 제목을 읽기, 쓰기 등으로 구분하여 제공하는 것을 권장
___4.8 [검사항목 14] 적절한 링크 텍스트
______4.8.1 [오류유형 14-1] 목적이나 용도를 알기 어려운 링크 텍스트를 제공한 경우
______4.8.2 [주의사항 14-1] 링크의 목적을 키보드의 순서나 문맥을 통해 이해할 수 있으면 인정
______4.8.3 [주의사항 14-2] 링크 텍스트를 단순히 URL 경로로만 제공하지 않는 것을 권장
___정리

5장 이해의 용이성: 콘텐츠는 이해할 수 있어야 한다
___5.1 [검사항목 15] 기본 언어 표시
______5.1.1 [오류유형 15-1]〈html〉에 lang 속성을 명시하지 않은 경우
______5.1.2 [오류유형 15-1] 〈html〉에 lang 속성을 잘못 명시한 경우
______5.1.3 [주의사항 15-1] html 요소에 lang 속성값에 ISO 639-1 지정언어 코드를 사용해야 함
______5.1.4 [주의사항 15-2] 페이지 중간에 언어가 바뀔 때 lang 속성으로 명시해주는 것을 권장
___5.2 [검사항목 16] 사용자 요구에 따른 실행
______5.2.1 [오류유형 16-1] 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는 경우
______5.2.2 [오류유형 16-1] 버튼 또는 링크 등을 실행할 때 사전에 알리지 않고 새 창이 발생되는 경우
______5.2.3 [오류유형 16-2] 웹 사이트 초기화면에 팝업창을 제공하는 경우
______5.2.4 [오류유형 16-3] 사용자가 의도하지 않은 초점 변화가 발생하는 경우
______5.2.5 [오류유형 16-4] 텍스트 입력 서식의 값 변경만으로 값이 제출되어 문맥이 바뀌는 경우
______5.2.6 [오류유형 16-4] 체크상자의 선택만으로 값이 제출되어 문맥이 바뀌는 경우
______5.2.7 [주의사항 16-1] onkeypress에 의해 포커스를 옮기는 동작만으로 새 창이 발생하면 감점
______5.2.8 [주의사항 16-2] 〈a target=”_blank”〉로만 새 창을 알린 경우는 감점하지 않음
______5.2.9 [주의사항 16-3] onfocus=“this.blur()“를 사용하는 경우 검사항목 7, 8, 16에서 동시 감점
______5.2.10 [주의사항 16-4] 플래시 등에서 제공하는 새 창에서도 새 창 안내에 대한 내용을 포함하지 않으면 감점
______5.2.11 [주의사항 16-5] 오류정정을 위한 자동 초점 변경은 예외
___5.3 [검사항목 17] 콘텐츠의 선형화
______5.3.1 [오류유형 17-1] 계층 구조가 명백하게 필요한 콘텐츠를 중첩 마크업을 이용하여 표현하지 않은 경우
______5.3.2 [오류유형 17-2] ‘제목-내용’으로 구성된 콘텐츠 목록의 배치가 분리되어 내용을 직관적 이해가 불가능한 경우
______5.3.3 [주의사항 17-1] 탭메뉴에서 탭1→탭2→탭3으로 내용을 확인할 수 있는 경우에도 논리적으로 구성할 것
______5.3.4 [주의사항 17-1] 2단계의 깊이를 가진 메뉴의 1차 메뉴와 2차 메뉴는 서로 다른 계층으로 표현되어야 한다
______5.3.5 [주의사항 17-3] 탭메뉴와 탭 콘텐츠는 ‘제목-내용’으로 표현 가능
______5.3.6 [주의사항 17-4] 사용 방법 안내는 콘텐츠 이전에 정보를 제공할 것
______5.3.7 [주의사항 17-5] 서브 메뉴와 내용으로 구성된 페이지에서 서브 메뉴가 우측에 위치하더라도 혼란이 없는 경우는 인정
___5.4 [검사항목 18] 표의 구성
______5.4.1 [오류유형 18-1] 〈caption〉 요소, summary 속성을 제공하지 않은 경우
______5.4.2 [오류유형 18-1] 〈caption〉 요소, summary 속성의 용도가 부적절한 경우
______5.4.3 [오류유형 18-1] 〈caption〉 요소, summary 속성의 설명이 부적절한 경우
______5.4.4 [오류유형 18-2] 제목셀과 내용셀을 요소로 구분하지 않은 경우
______5.4.5 [오류유형 18-3] 복잡한 표 제공 시 id, headers 또는 scope로 제공하지 않음
______5.4.6 [주의사항 18-1] 〈caption〉 요소와 summary 속성 중 하나 이상 적절히 제공한 경우 준수한 것으로 인정
______5.4.7 [주의사항 18-2] 〈caption〉 요소는 표의 제목을, summary 속성에는 표의 요약을 기술해 주어야 함
______5.4.8 [주의사항 18-3] 데이터 테이블은 표의 형식을 제거하고 선형화했을 때 이해할 수 없는 경우에 해당
______5.4.9 [주의사항 18-4] 배치용 테이블은 표의 형식을 제거하고 선형화했을 때 이해 가능한 경우에 해당
______5.4.10 [주의사항 18-5] 배치용 테이블에는 〈th〉, 〈caption〉 요소, summary 속성을 사용하지 않아야 함
___5.5 [검사항목 19] 레이블 제공
______5.5.1 [오류유형 19-1] 〈input〉, 〈textarea〉, 〈select〉 요소에 1:1 대응하는 〈label〉 또는 title을 미제공한 경우
______5.5.2 [오류유형 19-2] 〈input〉의 id와 〈label〉의 for가 다른 경우
______5.5.3 [오류유형 19-2] 〈input〉의 id와 페이지 안에 같은 id가 있는 경우
______5.5.4 [오류유형 19-3] 〈select〉 요소의 첫 번째 〈option〉이 레이블 역할을 대신하는 경우
______5.5.5 [주의사항 19-1] 레이블로 연결할 텍스트가 있는 경우 title 속성보다 〈label〉 요소를 제공하는 것을 권장
______5.5.6 [주의사항 19-2] 암묵적 레이블 방법을 사용한 경우도 인정하지만 권장하지 않음
___5.6 [검사항목 20] 오류 정정
______5.6.1 [오류유형 20-1] 입력 서식을 잘못 작성한 경우 해당 서식 필드로 초점을 이동하도록 제공하지 않은 경우
______5.6.2 [오류유형 20-1] 서식의 전송 버튼을 눌렀을 때, 입력 내용이 모두 사라지는 경우
______5.6.3 [오류유형 20-2] 오류 발생 시, 정정할 수 있는 수단을 제공하지 않는 경우
______5.6.4 [오류유형 20-3] 입력 정정 방식을 잘못 제공한 경우
______5.6.5 [오류유형 20-3] 입력 정정 방식의 내용을 잘못 제공한 경우
______5.6.6 [주의사항 20-1] 오류 발생 시, 오류의 내용을 먼저 알 수 있도록 설명해 주어야 함
___정리

6장 견고성: 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 최대한 호환되어야 한다
___6.1 [검사항목 21] 마크업 오류 방지
______6.1.1 [오류유형 21-1] 태그의 열고 닫음 오류
______6.1.2 [오류유형 21-2] 태그의 중첩 오류
______6.1.3 [오류유형 21-3] 중복 선언된 속성 오류
______6.1.4 [주의사항 21-1] ID 값 중복 선언은 오류유형 21-3에서 심사
______6.1.5 [주의사항 21-2] 위에 언급된 항목 이외의 표준문법 오류는 포함하지 않음
______6.1.6 마크업 오류 세부 사례
_________6.1.6.1 [열고 닫음 오류 사례 1] 〈a〉 요소 여는 태그 미 제공
_________6.1.6.2 [열고 닫음 오류 사례 2] 〈ul〉 요소 여는 태그 미 제공
_________6.1.6.3 [열고 닫음 오류 사례 3] 〈div〉 요소 여는 태그 미 제공
_________6.1.6.4 [열고 닫음 오류 사례 4] 〈a〉 요소 닫는 태그 미 제공
_________6.1.6.5 [열고 닫음 오류 사례 5] 〈strong〉 요소 닫는 태그 미 제공
_________6.1.6.6 [열고 닫음 오류 사례 6] 〈h〉 요소 닫는 태그 미 제공
_________6.1.6.7 [태그의 중첩 오류 사례] 〈p〉와 〈strong〉의 중첩 제공
_________6.1.6.8 [속성 중복 오류 사례 1] 〈p〉 요소에 대한 〈style〉 속성 중복 제공
_________6.1.6.9 [속성 중복 오류 사례 2] ID 속성 중복 제공
___6.2 [검사항목 22] 웹 애플리케이션 접근성 준수
______6.2.1 [오류유형 22-1] 웹 애플리케이션이 자체적인 접근성이 없으며 대체 콘텐츠가 존재하지 않는 경우
______6.2.2 [오류유형 22-1] 대체 콘텐츠를 제공했지만 핵심 기능을 동등하게 제공하지 못한 경우
______6.2.3 [주의사항 22-1] 자바 스크립트 미지원 환경에서는 평가하지 않음
______6.2.4 [주의사항 22-2] 웹 애플리케이션에 대한 자체 접근성은 각 검사항목에서 평가
___정리

3부 웹 접근성 실전

7장 웹 접근성 난제 해결
___7.1 난제 해결 기본 원칙 확립
______7.1.1 지침과 사용자 분석
______7.1.2 검사항목별 수혜 장애유형 분석
______7.1.3 웹 접근성 핸들링
______7.1.4 웹 접근성 핸들링의 우선순위
______7.1.5 웹 접근성 핸들링 적용
___7.2 전문성 있는 웹 접근성 응용 기법
______7.2.1 정확한 정보 전달에 적절한 대체 텍스트 제공
_________7.2.1.1 대체 텍스트 처리의 묘미
_________7.2.1.2 의미 없는 이미지 판단
_________7.2.1.3 게시판 아이콘의 대체 텍스트 처리 방법
_________7.2.1.4 변경되는 이미지의 대체 텍스트 처리 방법
_________7.2.1.5 로딩 중 이미지의 대체 텍스트 제공
_________7.2.1.6 캡차의 대체 수단 제공
_________7.2.1.7 시각적인 의미가 다른 유니코드 주의
_________7.2.1.8 접혀 있는 정보 확인에 쓸 링크 텍스트 자동 변경
______7.2.2 중복 정보 방지로 효율적 정보 전달
_________7.2.2.1 〈select〉 요소의 첫 번째 〈option〉의 설명글 처리 방법
_________7.2.2.2 변동 서식의 summay 처리 방법
_________7.2.2.3 표의 빈 데이터가 반복적으로 제공되는 사례
_________7.2.2.4 복잡한 표에서 제목셀과 내용셀의 id, headers 연결
______7.2.3 접근성을 높이는 초점과 컨트롤 제공
_________7.2.3.1 대메뉴, 소메뉴, 탭메뉴의 제목 처리
_________7.2.3.2 제목-내용 배열이 애매한 탭메뉴의 선형화
_________7.2.3.3 탭메뉴 건너뛰기 활용
_________7.2.3.4 스크롤 영역의 정보에 키보드로 접근
_________7.2.3.5 자동 초점 이동
_________7.2.3.6 키보드 초점 초기화 해결 방안
_________7.2.3.7 HTML로 제공된 계산기의 논리적 초점 이동
_________7.2.3.8 자동으로 움직이는 배너와 제어 버튼 순서
_________7.2.3.9 실시간 채팅 알림창 컨트롤
___7.3 웹 접근성 이슈의 방향성
______7.3.1 첫 페이지의 새 창 처리
______7.3.2 IR 기법
______7.3.3 object 요소 안쪽에 기술된 대체 콘텐츠
______7.3.4 동영상의 자막과 원고 자동 제공
___정리

8장 웹 접근성 프로젝트 팀별 업무와 가이드
___8.1 적절한 책임자 지정
______8.1.1 팀별 책임 공방
______8.1.2 항목별 책임자 지정
______8.1.3 항목별 담당 업무
_________8.1.3.1 [검사항목 1] 적절한 대체 텍스트 제공_기획자, 퍼블리셔, 개발자
_________8.1.3.2 [검사항목 2] 자막 제공_기획자, 디자이너, 퍼블리셔, 개발자
_________8.1.3.3 [검사항목 3] 색에 무관한 콘텐츠 인식_디자이너
_________8.1.3.4 [검사항목 4] 명확한 지시사항 제공_퍼블리셔
_________8.1.3.5 [검사항목 5] 텍스트 콘텐츠의 명도대비_디자이너
_________8.1.3.6 [검사항목 6] 배경음 사용 금지_기획자, 퍼블리셔
_________8.1.3.7 [검사항목 7] 키보드 사용 보장_퍼블리셔, 개발자
_________8.1.3.8 [검사항목 8] 초점 이동_퍼블리셔, 개발자
_________8.1.3.9 [검사항목 9] 응답시간 조절_기획자, 퍼블리셔
_________8.1.3.10 [검사항목 10] 정지 기능 제공_기획자, 퍼블리셔
_________8.1.3.11 [검사항목 11] 깜빡임과 번쩍임 사용 제한_기획자
_________8.1.3.12 [검사항목 12] 반복 영역 건너뛰기_기획자, 퍼블리셔
_________8.1.3.13 [검사항목 13] 제목 제공_기획자, 퍼블리셔, 개발자
_________8.1.3.14 [검사항목 14] 적절한 링크 텍스트_퍼블리셔
_________8.1.3.15 [검사항목 15] 기본 언어 표시_퍼블리셔, 개발자
_________8.1.3.16 [검사항목 16] 사용자 요구에 따른 실행_개발자, 퍼블리셔, 기획자
_________8.1.3.17 [검사항목 17] 콘텐츠 선형화_퍼블리셔
_________8.1.3.18 [검사항목 18] 표 구성_퍼블리셔, 기획자, 개발자
_________8.1.3.19 [검사항목 19] 레이블 제공_퍼블리셔, 개발자
_________8.1.3.20 [검사항목 20] 오류 정정_개발자, 기획자
_________8.1.3.21 [검사항목 21] 마크업 오류 방지 퍼블리셔
_________8.1.3.22 [검사항목 22] 웹 애플리케이션 접근성 준수_기획자
___8.2 기획팀 : 스토리보드
______8.2.1 대체 텍스트 공통 가이드
_________8.2.1.1 복잡한 이미지의 대체 텍스트
_________8.2.1.2 효율적인 대체 텍스트 사용 방법
_________8.2.1.3 텍스트 아닌 콘텐츠의 대체 텍스트
______8.2.2 입력 서식 공통 가이드
_________8.2.2.1 입력 서식 수집
_________8.2.2.2 레이블/타이틀 정의
_________8.2.2.3 자동 변경 타이틀 값 정의
______8.2.3 표 제목 공통 가이드
_________8.2.3.1 화면에 보이는 표 제목
_________8.2.3.2 화면에 보이지 않는 표 제목
_________8.2.3.3 탭메뉴로 대체된 표 제목
______8.2.4 필수입력 항목 패턴 정의
_________8.2.4.1 모양으로 필수입력 항목 표시
_________8.2.4.2 제목으로 필수입력 항목 표시
______8.2.5 게시 기능의 웹 접근성 수단 제공
_________8.2.5.1 게시판 이미지의 대체 텍스트 제공 수단
_________8.2.5.2 배너의 대체 텍스트 제공 수단
_________8.2.5.3 영상 콘텐츠의 원고 제공 수단
___8.3 디자인팀 : 스타일 가이드
______8.3.1 스타일 가이드의 변화
______8.3.2 텍스트 콘텐츠 명도대비 적용
_________8.3.2.1 폰트 스타일
_________8.3.2.2 콘텐츠 제목 스타일
_________8.3.2.3 탭 스타일
_________8.3.2.4 버튼 스타일
_________8.3.2.5 테이블 스타일
_________8.3.2.6 포토샵에서 명도대비 체크 시 유의사항
______8.3.3 색에 무관한 콘텐츠 인식 적용
_________8.3.3.1 파이 그래프
_________8.3.3.2 꺾은선 그래프
_________8.3.3.3 막대 그래프
___8.4 퍼블리싱팀 : 퍼블리싱 가이드
______8.4.1 필수입력 항목
_________8.4.1.1 전경 이미지로 필수입력 표시
_________8.4.1.2 배경 이미지로 필수입력 표시
_________8.4.1.3 특수문자로 필수입력 표시
_________8.4.1.4 텍스트 뒤의 필수입력 표시
______8.4.2 데이터 테이블 퍼블리싱 가이드
_________8.4.2.1 제목행과 내용행이 분리되어 있는 표
_________8.4.2.2 제목과 내용이 2행으로 구성된 표
_________8.4.2.3 병합셀을 포함하는 표
_________8.4.2.4 징검다리형 제목셀을 포함하는 표
______8.4.3 레이블 퍼블리싱 가이드
_________8.4.3.1 레이블과 입력 폼이 1:1로 대응되는 서식
_________8.4.3.2 휴대폰 번호 서식
_________8.4.3.3 날짜 선택 서식
_________8.4.3.4 라디오 버튼과 텍스트
___8.5 개발팀 : 개발 가이드
______8.5.1 웹 접근성 자동화
_________8.5.1.1 자동으로 페이지 제목 제공
_________8.5.1.2 자동으로 키보드 초점 이동
_________8.5.1.3 갤러리 게시판 리스트 대체 텍스트 자동 삽입
______8.5.2 개발자가 자주 실수하는 유형
_________8.5.2.1 폼 요소의 id 값 변경으로 인한 오류
_________8.5.2.2 반복 작업으로 인한 title 오류
_________8.5.2.3 데이터 테이블에 제공된 버튼 사용 목적 미 제공
_________8.5.2.4 데이터 테이블에 제공된 폼 요소 레이블이나 title 미 제공
___정리

9장 장애인차별금지법 대응을 위한 컨설팅 전략
___9.1 단계적 개선 계획 수립
______9.1.1 단계적 개선 계획의 중요성
______9.1.2 현황 분석
_________9.1.2.1 웹사이트 현황 분석
_________9.1.2.2 멀티미디어 콘텐츠 현황 분석
_________9.1.2.3 솔루션 현황 분석
______9.1.3 우선순위 분석
_________9.1.3.1 중요도 분석
_________9.1.3.2 시급도 분석
_________9.1.3.3 난이도 분석
_________9.1.3.4 우선순위 도출
______9.1.4 실행 계획 수립
_________9.1.4.1 연도별 개선 로드맵 수립
_________9.1.4.2 사이트별 개선 로드맵 수립
_________9.1.4.3 단계별 발주 계획 수립
_________9.1.4.4 유지보수 운영 방안 수립
_________9.1.4.5 기타 분야 개선 로드맵 수립
___9.2 사용성을 높이는 컨설팅 방법론
______9.2.1 사용성을 포함하는 적용 기준 설정
______9.2.2 컨설팅 절차
______9.2.3 단계별 산출물
______9.2.4 오류 분석과 이슈 트리 활용
___9.3 분야별 이슈를 해결할 방향성 수립
______9.3.1 인터넷뱅킹
______9.3.2 온라인 주식거래 시스템
______9.3.3 이러닝 콘텐츠
______9.3.4 온라인 쇼핑몰
______9.3.5 다양한 솔루션
_________9.3.5.1 본인 인증
_________9.3.5.2 키보드 보안
_________9.3.5.3 웹 에디터
_________9.3.5.4 그리드
___정리

4부 웹 접근성 검증과 테스트

10장 웹 접근성 평가 기법
___10.1 평가 기법의 종류와 특징
______10.1.1 평가 기법의 종류
______10.1.2 평가 기법의 특징
_________10.1.2.1 자동 평가의 특징
_________10.1.2.2 수동 평가의 특징
___10.2 웹 접근성 평가 도구
______10.2.1 K-WAH
______10.2.2 오픈 왁스
______10.2.3 CCA
______10.2.4 WAT
______10.2.5 PDF 접근성 검사 도구
______10.2.6 개발자 도구 활용 방법
______10.2.7 화면 캡처 프로그램 활용 방법
___10.3 전문가 평가 방법
______10.3.1 시·청각적 평가
______10.3.2 키보드, 마우스 평가
______10.3.3 도구 평가
______10.3.4 소스 평가
___10.4 사용자 평가
______10.4.1 평가 대상
______10.4.2 평가 시간
______10.4.3 평가 방법
______10.4.4 과업 선정
___정리

11장 접근성을 위한 보조기술
___11.1 화면 낭독기
______11.1.1 화면 낭독기의 중요성
______11.1.2 기본 동작 원리
______11.1.3 가상 커서의 이해
______11.1.4 가상 커서의 이동 기능
___11.2 다양한 화면 낭독기 비교
______11.2.1 가격 정책과 제조사 정보
______11.2.2 운영체제와 웹 브라우저 지원 여부
___11.3 센스리더의 설치와 활용
______11.3.1 설치 방법
______11.3.2 옵션 설정
_________11.3.2.1 음성 속도 조절
_________11.3.2.2 실행 후 IE 화면 깜빡임 해결
_________11.3.2.3 가상 커서 설정
_________11.3.2.4 Alert 메시지 음성 출력
_________11.3.2.5 Aero 테마 관련 설정
_________11.3.2.6 부팅 시 자동 실행 설정
______11.3.3 사용 방법
_________11.3.3.1 기본 사용 방법
_________11.3.3.2 알아두면 편리한 기능
___11.4 죠스의 설치와 활용
______11.4.1 설치 방법
_________11.4.1.1 영문 죠스 설치
_________11.4.1.2 한국어 TTS 설치
_________11.4.1.3 한국어 TTS 설정
______11.4.2 옵션 설정
_________11.4.2.1 음성 설정
_________11.4.2.2 인터넷 설정
_________11.4.2.3 윈도우 7의 Aero 테마 활성화를 위한 설정
_________11.4.2.4 부팅 시 자동 실행 설정
______11.4.3 사용 방법
_________11.4.3.1 기본 사용 방법
_________11.4.3.2 알아두면 편리한 기능
___11.5 화면 낭독기별 음성 낭독 비교
______11.5.1 이미지의 대체 텍스트
_________11.5.1.1 〈img〉와 alt
_________11.5.1.2 〈img〉와 longdesc
_________11.5.1.3 이미지맵의 사용
______11.5.2 링크의 title, target
_________11.5.2.1 링크 텍스트와 title
_________11.5.2.2 〈a〉와 target
_________11.5.2.3 〈a〉와 〈img〉
______11.5.3 입력 서식의 레이블 제공
_________11.5.3.1 입력 서식과 레이블
_________11.5.3.2 입력 서식의 readonly, disable
_________11.5.3.3 입력 서식의 〈label〉 요소 제공 방법
_________11.5.3.4 입력 서식의 〈label〉 요소와 title 속성
______11.5.4 페이지, 프레임, 콘텐츠 블록의 제목 제공
_________11.5.4.1 페이지 제목
_________11.5.4.2 프레임 제목
_________11.5.4.3 콘텐츠 블록 제목
______11.5.5 테이블의 활용
_________11.5.5.1 〈caption〉, summary 정보
_________11.5.5.2 일반 제목셀의 〈th〉와 scope 연결
_________11.5.5.3 병합된 제목셀의 〈th〉와 scope 연결
_________11.5.5.4 제목셀의 id와 내용셀의 headers로 연결
_________11.5.5.5 〈th〉, scope 연결과 ID, headers 연결의 차이
_________11.5.5.6 빈 셀과 행 바뀜
_________11.5.5.7 테이블 탐색 시 테이블 끝 알림
______11.5.6 숨김 항목에 대한 음성 출력
______11.5.7 lang 속성 지정 시 각 언어의 음성 전환
______11.5.8 목록 태그
______11.5.9 특수기호의 음성 출력
______11.5.10 알아두면 편리한 단축키
___11.6 화면 확대기의 종류와 기능
______11.6.1 웹 브라우저의 확대 기능
______11.6.2 윈도우 7 돋보기 기능
______11.6.3 전문 확대 프로그램
______11.6.4 웹사이트의 화면 확대와 고대비 기능
___정리

5부 웹 접근성을 넘어서

12장 웹 접근성의 미래와 과제
___12.1 웹 접근성의 올바른 발전 방향
______12.1.1 문제점의 해결
______12.1.2 HTML5와 ARIA
_________12.1.2.1 〈a〉 요소의 변화
_________12.1.2.2 〈figure〉와 〈figcaption〉
_________12.1.2.3 HTML5의 문서 구조
_________12.1.2.4 랜드마크 규칙 활용
_________12.1.2.5 동적 변경 내용 알림 활용
_________12.1.2.6 HTML과 RIA 기술 발달에 따른 접근성 방향
______12.1.3 UX로의 전환
_________12.1.3.1 페이지 이동 인터페이스
_________12.1.3.2 온라인 서식 입력 오류 실수 방지
_________12.1.3.3 사용성과 사용자 경험의 발전 방향
___12.2 ‘웹’을 넘어서
______12.2.1 모바일 접근성
_________12.2.1.1 모바일 애플리케이션 접근성
_________12.2.1.2 모바일 웹 접근성
______12.2.2 소프트웨어 접근성
_________12.2.2.1 소프트웨어 접근성의 개념
_________12.2.2.2 소프트웨어 접근성 현황과 전망
_________12.2.2.3 도구를 이용한 소프트웨어 접근성 검사 방법
_________12.2.2.4 소프트웨어 접근성 검사항목
______12.2.3 제품 접근성
______12.2.4 서비스 접근성
______12.2.5 접근성 책임자
______12.2.6 제안
___정리

부록
Ⅰ 웹 접근성 관련 법률
___Ⅰ.1 웹 접근성 관련 법률
Ⅱ 한국형 웹 콘텐츠 접근성 지침 2.1 개요
___II.1 웹 콘텐츠 접근성 지침 2.0 요약
___II.2 웹 콘텐츠 접근성 지침 2.1의 특징
___II.3 신설/변경된 2.1 지침의 내용
___II.4 지침 2.1에 대한 의견
Ⅲ 웹 접근성 품질인증심사가이드 v1.3 인증심사 기준
___Ⅲ.1 전문가 심사 기준
___Ⅲ.2 사용자 심사 기준
___Ⅲ.3 웹 접근성 품질인증마크 자가진단 방법
___Ⅲ.4 웹 접근성 품질인증마크 신청서
___Ⅲ.5 웹 접근성 품질인증마크 사전 설문지
Ⅳ 기타 화면 낭독기 설치와 사용법
___Ⅳ.1 NVDA 설치와 사용법
___Ⅳ.2 실로암 보이스 설치와 사용법