웹 접근성과 품질인증(장애인차별금지법 대응을 위한)(에이콘 웹 프로페셔널 시리즈 63)

★ 요약 ★



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



★ 이 책에서 다루는 내용 ★



■ 웹 접근성의 기본 개념과 장애인차별금지법 소개

■ 웹 접근성 품질마크 획득을 위한 기준과 장애인차별금지법 대응 방법

■ 한국형 웹 콘텐츠 접근성 지침의 원리와 응용

■ 성공적인 웹 접근성 프로젝트를 위한 팀별 업무 및 가이드 제시

■ 화면 낭독기의 원리와 기능 및 사용방법 소개

■ 전문가 평가와 사용자 평가를 위한 평가도구 사용법 및 노하우

■ 웹 접근성과 관련된 다양한 응용 사례 및 향후 방향성 제시

■ 책에서 설명한 모든 예제에 대한 소스코드 개선 방법



★ 이 책의 대상 독자 ★



이 책은 HTML을 이해하고 있는 웹 접근성 프로젝트 참여자를 기본적인 독자로 생각한다. 따라서 기본적인 웹 표준에 맞추어 웹 사이트를 구현할 수 있는 정도의 선수지식이 있을 경우 가장 좋다. 하지만 웹 접근성의 전체적인 관점에서 기술되어 있으므로 웹 접근성을 전혀 모르는 사람이라도 차근차근 읽어볼 수 있고, 웹 표준을 모른다고 하더라도 웹 표준 서적과 함께 읽어나갈 수 있다. 나아가 기업의 IT책임자, 공공기관의 정보화 담당관, 웹 기획자, 퍼블리셔, 디자이너, 개발자, 웹 접근성 프로젝트 책임자, 웹 접근성 컨설턴트, 웹 접근성 품질마크를 획득하고자 하는 이, 웹 접근성 평가사가 되고 싶은 사람 등 웹 접근성을 알고 싶은 모든 분이 이 책의 독자가 될 수 있다.



★ 이 책의 구성 ★



웹 접근성 용어를 설명하며, 웹 접근성 품질마크를 획득하는 데 필요한 모든 내용과 장애인차별금지법에 대응할 수 있는 웹 접근성 적용 방법, 웹 접근성을 향상할 수 있는 응용 기술, 분야별 사이트와 솔루션에 대한 접근성 분석, 웹 접근성 프로젝트 가이드, 앞으로 접근성 분야에서 파생될 다양한 분야에 대한 향후 방향성을 설명한다. 특히 HTML과 같은 마크업 기술만이 웹 접근성의 전체인 것처럼 보이는 현 시점에서 PDF와 같은 문서, 소프트웨어, 모바일 애플리케이션 등 좀 더 다양한 접근성 기술의 필요성을 강조하고 실제 생활 영역에도 영향을 미치는 서비스 접근성까지 더욱 다양한 접근성의 세계를 소개한다.



구체적인 세부 구성은 다음과 같다.



1부, 웹 접근성 이해: 웹 접근성과 장애인차별금지법, 웹 접근성 품질마크 등 중요 개념을 정리한다.

1장, 웹 접근성과 장애인차별금지법에서는 기본 개념과 용어를 정립하고자 웹 접근성과 장애인차별금지법을 알아본다. 특히 같은 용어지만 다른 범위로 사용되는 현재의 문제점을 살펴보고, 올바른 용어 사용을 살펴본다. 또한 장애인차별금지법의 취지와 이를 반영하기 위한 웹 접근성 분야를 소개한다.

2장, 웹 접근성 품질인증마크와 인증획득에서는 국가임의인증제도로 새롭게 변경된 웹 접근성 품질인증마크에 대한 소개와 기존의 한국정보화진흥원의 인증절차와 획득 과정을 간단히 소개한다



2부, 웹 접근성 기본 4원칙: 웹 접근성의 기본 원칙을 장별로 설명한다.

3장, 인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다에서는 인식의 용이성 원칙에 포함하는 검사항목을 설명한다. 모든 콘텐츠를 사용자가 인식할 수 있도록 구현하기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.

4장, 운용의 용이성: 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션할 수 있어야 한다에서는 운용의 용이성 원칙에 포함하는 검사항목을 설명한다. 사용자 인터페이스 구성 요소를 조작하고, 쉽게 내비게이션할 수 있게 하는 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.

5장, 이해의 용이성: 콘텐츠는 이해할 수 있어야 한다에서는 이해의 용이성 원칙에 포함하는 검사항목을 설명한다. 모든 콘텐츠를 사용자가 이해하기 쉽도록 구현하기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.

6장, 견고성: 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 최대한 호환되어야 한다에서는 견고성 원칙에 포함하는 검사항목을 설명한다. 미래의 기술로도 콘텐츠에 접근할 수 있도록 견고하게 만들기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.



3부, 웹 접근성 실전: 웹 접근성을 실전에서 적용할 수 있도록 응용기술과 팀별 프로젝트 적용 방법을 설명한다.

7장, 웹 접근성 난제 해결에서는 웹 접근성 실무에 필요한 웹 접근성 응용 기법을 소개하면서 모호한 웹 접근성의 사례를 바탕으로 하여 웹 접근성을 적용할 수 있는 바람직한 방향을 소개한다.

8장, 웹 접근성 프로젝트 팀별 업무와 가이드에서는 웹 접근성 프로젝트의 실무에서 팀별로 역할을 나누고 실행할 수 있도록 가이드를 제공한다.

9장, 장애인차별금지법 대응을 위한 컨설팅 전략에서는 웹 접근성 담당자가 실무적으로 장애인차별금지법에 대응할 수 있게 예산이나 규모, 기술 부족에 따른 단계적 계획을 수립하고 향후 유지보수를 위해 팀을 구성해가는 방법을 설명한다



4부, 웹 접근성 검증과 테스트: 웹 접근성 평가 방법을 설명한다.

10장, 웹 접근성 평가 기법에서는 웹 접근성 평가 방법을 설명한다. 자동 평가와 수동 평가의 특징과 전문가 평가와 사용자 평가 방법, 각종 도구의 설치와 사용 방법을 소개한다

11장, 접근성을 위한 보조기술에서는 보조기술의 개요와 사용자 평가에서 사용되는 화면 낭독기의 사용 방법과 음성 지원에 대한 항목별 분석, 화면 확대기의 사용 방법 등을 소개한다



5부 웹 접근성의 미래: 웹 접근성의 미래를 소개한다.

12장, 웹 접근성의 미래와 과제에서는 웹 접근성을 시작으로 다양해질 접근성 분야의 표준과 파생 분야를 소개하고, 이를 통해 미래를 준비하고 헤쳐 나가야 할 과제를 논의한다.



★ 추천의 글 ★



사실 우리나라에서는 웹 접근성과 관련하여 제대로 된 실무 도서를 구하기 어렵다. 웹 접근성을 설명하는 책들이 없는 것은 아니었지만 웹 접근성 품질인증마크를 준비하는 업계의 요구 수준을 만족시킬만한 내용을 담고 있는 책을 구하는 것은 매우 어려웠다. 특히 웹 접근성 품질인증마크 심사 기준은 W3C의 WCAG 2.0을 그대로 적용하기 어려운 부분이 있고 웹 콘텐츠에는 매우 독특한 디자인과 기술을 적용하고 있어서 알려진 방법만으로는 웹 접근성을 평가하기 어렵다. 이런 이유인지는 몰라도 최근까지도 한국정보화진흥원이 실시하는 웹 접근성 품질인증마크 합격률이 30%를 넘지 못하였다. 그래서 웹 접근성 품질인증마크 획득을 준비하는 웹 퍼블리셔의 입장에서 인증 기준에 대한 궁금증을 해소해줄 수 있는 책이 한 권쯤 있었으면 좋겠다는 생각을 오래 전부터 해왔다. 이 책의 저자는 오랫동안 한국정보화진흥원에서 웹 접근성 품질인증마크 분야의 실무를 담당해 왔었기에 인증심사 과정에서 대두된 다양한 문제의 해법을 알고 있고 이를 책에 풀어냈다.

이 책은 웹 접근성 준수 기준과 풍부한 사례들을 포함하고 있어서 웹 퍼블리싱 분야에 종사하는 관련자가 웹 접근성 품질인증마크를 준비하는 데 도움을 줄 수 있을 것이다. 또한 웹 접근성 평가사 자격시험을 준비하는 이도 수험서로 활용 가능하다. 모쪼록 이 책으로 웹 접근성 품질인증마크 심사를 준비하는 많은 분에게 도움이 되었으면 한다. 그리고 우리나라 웹 접근성의 발전에 큰 도움이 되길 바란다

- 김석일 / 충북대학교 교수, 웹 접근성 품질인증마크 인증위원장



기술의 변화가 매우 빠른 IT 분야에서 무언가를 제대로 알고 다른 사람에게 잘 설명한다는 것은 어려운 일이다. 하물며 이러한 지식을 글로 남긴다는 것은 많은 노력과 강한 의지가 있어야 하는 일일 것이다. 이 책에서 저자들은 웹 접근성과 관련된 업무를 하며 틈틈이 모은 지식과 노하우를 풀어놓고 있다.

대부분의 사람이 매일 사용하는 웹이지만 막상 접근성을 잘 구현한 웹은 찾아보기 어렵다. 이런 환경에서 저자들의 경험과 다양한 사례를 담은 책이 발간되어 매우 반갑다. 저자들의 노력과 지식 나눔이 향후 웹 접근성의 개선과 확산에 큰 도움이 되길 기대한다.

- 이헌중 / 한국정보화진흥원 정보사회통합지원단장



경제는 선진국에 가까워지고 있지만, 아직 장애인에 대한 사회적인 인식은 선진국에 비해 다소 부족한 것 같다. 장애인을 우리 사회의 주요 구성원으로 바라보고, 장애인이 비장애인과 동등하게 사회 생활을 할 수 있도록 환경을 마련하려는 노력이 필요하다. IT는 함께 사는 사회 발전에 매우 큰 도움이 될 수 있지만, 장애인을 고려하지 않고 개발된 IT 기반의 제품과 서비스는 장애인에게 큰 절망을 안겨줄 뿐이다. 이를 해결하려면 장애인을 고객으로 인식하고, 고객의 이야기를 경청하는 자세가 무엇보다 우선이다. 이러한 인식을 바탕으로 해당 제품이나 서비스와 관련된 접근성 표준을 준수한다면 IT 세상에서만이라도 장애가 더 이상 장벽이나 제약이 되지 않을 것이다.

우리나라의 접근성 제고를 위해 함께 고민했던 동료가 그간의 경험을 바탕으로 책을 썼다. 현업에 종사하시는 분들이 손쉽게 참고할 수 있도록 실무적인 입장에서 기술했기 때문에 관련 종사자에게 큰 도움이 될 것이다. 이 책을 통해 접근성의 의미를 올바르게 이해할 수 있는 계기가 되기를 기원한다.

- 현준호 / 전 한국정보화진흥원 수석연구원



접근성을 학문으로 다루는 측면에서 실무자가 가장 어려워하는 부분 중 하나는 해석이 다양하고 대응 방법이 엄청나게 방대하다는 점이다. 더구나 우리나라의 현실로 볼 때 접근성과 관련한 많은 수고와 고충은 실무자의 몫이 되기도 한다. 물론 정부에서 관련 법안과 지침을 제정하고 방향성을 제시하여 적용된 기간에 비해 많은 성과가 있었던 것도 사실이다.

하지만 다양한 웹 접근성 지침이 있더라도 지침을 뛰어 넘는 상황이 여전히 존재하며, 실무자의 기술적 대응만으로는 부족하고, 전체적인 관점의 정책, 기술 등이 필요하다. 즉 접근성은 기업의 효과적이며 장기적인 전략을 통해 대응해야 하는 인내심이 필요한 분야다. 나라마다 환경이 다르기에 해외의 기술 서적만으로는 우리나라의 현실과 다소 맞지 않거나 부족한 부분이 있어 국내의 웹 접근성 관련 책을 오래도록 기다려 왔다. 이 책은 자세한 법률 해석과 조언이 있으며, 다양한 사례를 소개하여 기존에 맥락만 다루는 책에서나 해외 번역서만으로는 부족했던 부분을 채워준다.

이 책을 통해 국내에서 웹 접근성을 널리 알리고 적용하는 기회가 되길 기대한다

- 박태준 / NHN 기술 서비스 접근성팀장



인터넷을 바탕으로 웹 서비스가 생기고 발전하면서, 우리 사회에 없어서는 안 될 사이버 세상이 열렸고 여전히 성장 중이다. 이러한 인터넷 세상은 장애 유무를 따지지 않고 접근할 수 있어야 함에도 우리나라 웹의 현실은 그렇지 못하다. 국가에서 관련제도와 가이드라인을 만들어도 민간이나 공공기관이 이를 충분히 인식하지 못했고, 지키려는 노력 또한 부족했다. 또한 실전에서 참고할 만한 책조차 변변히 없었는데, 이 책의 출간 소식을 듣게 되어 매우 기쁘다.

이 책은 접근성을 실무 차원에서 본격적으로 다룬 최초의 책이다. 저자들의 경력에서 알 수 있듯이 실제 현장에서 접근성을 풍부하게 다뤄봤고, 이때 느꼈던 기술적인 고민과 컨설팅 경험을 책에 담았다. 웹 접근성을 적용해야 하는 막막한 현실 속에서 우리를 지원해줄 든든한 우군이 생긴 것이다.

나는 감히 이 책을 사내 교육교재나 웹 접근성 관련 근무자들에게 적극 추천하며, 우리나라의 웹 접근성 수준을 높이는 데 보탬이 될 것이라 확신한다. 집필하는 데 각고의 노력을 다 했을 저자들과 출판사에게 진심으로 감사의 말씀을 전한다.

- 김종욱 / 웹와치(주) 이사



2013년 4월 11일부터 '장애인 차별금지 및 권리구제에 관한 법률'을 통해 장애인 웹 접근성 보장 의무가 전면적으로 확대됐다. 하지만 아직 장애인이 이용하기 편한 웹사이트는 손에 꼽을 정도로 적다. 장애인에게 웹 접근성은 '컴퓨터를 용이하게 사용'할 수 있는 정도의 의미를 넘어서 '각종 재화나 용역에 접근'할 수 있는 중요한 통로이자 기본권이다. 따라서 웹 접근성은 법의 제재를 피하려고 마지못해 준수하는 것이 아닌 장애인에 대한 따뜻한 배려와 존중을 바탕으로 준수돼야 한다.

나는 법률가로서 '웹 접근성을 어느 정도 기준으로 해야 장애인에게 차별적인 웹사이트가 아닌지'를 오랜 시간 고민해왔다. 이 책의 대표 저자인 류영일님은 웹 접근성 분야의 전문가로서 오랜 시간 같은 고민을 하면서 이 문제가 사회적 합의 안에 자발적으로 개선되어야 하는 문제라는 선한 동기를 바탕으로 이 책을 저술했다.

웹 접근성을 준수하고자 매진하고 있는 담당자, 퍼블리셔, 개발자 등 모든 분이 이 책을 통해 구체적인 해답을 얻고 이 일이 얼마나 가치 있는 일인지 공감할 수 있기를 바란다.

- 김예원 / 서울장애인인권센터 상임변호사



현장에서 많은 기업을 상대로 웹 접근성 개선 컨설팅과 개선 작업을 하면서 국내 실정에 맞게 웹 접근성을 다룬 책이 출간되었으면 좋겠다고 절실하게 생각했다. 웹 접근성과 관련된 대부분의 책이 번역서이고, 참고할 수 있는 국내 문헌이 충분하지 않아 인터넷 검색을 통해 개괄적인 정보만 접할 수 있었다. 이런 이유로 웹 접근성 개선 작업의 업무 담당자조차 아직까지도 웹 접근성 개선 작업을 단순히 마크업의 문제로 생각하거나 품질인증마크 획득에 국한하여 생각하는 경우가 적지 않다.

이 책은 웹 접근성과 관련한 내용으로 집대성된 바이블이라 해도 과언이 아니다. 웹 접근성 관련 업무 담당자들은 이 책을 통해 웹 접근성의 이론적 배경과 더불어 사용성을 고려하는 관점까지 넓은 시야를 가질 수 있을 것이다.

- 김은주 / (주)이롭게 대표

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 실로암 보이스 설치와 사용법

류영일 저자 류영일은 2007년부터 2012년까지 한국정보화진흥원에서 웹 표준과 웹 접근성 관련 업무를 맡아왔으며, 웹 접근성 품질마크 담당과 법제도 T/F를 운영하여 지금의 국가정보화기본법 개정 내용을 만들었다. 부족한 인증심사기준을 제시하기 위해 좀더 구체적인 웹 접근성 품질인증심사가이드를 제작하는 등 적극적이고, 다양한 웹 접근성 업무를 추진해왔다. 현재 웹 접근성 컨설턴트로 일하고 있으며, 다수의 강의 및 컨설팅, 자문을 수행 중에 있다. 특히 접근성이 웹에 머물지 않고 모바일 분야와 소프트웨어, 제품, 서비스까지 확장되어야 한다는 생각으로 '접근성 연구회'를 설립하여 기반 기술을 사회에 제시하고 웹 접근성을 알 수 있는 기회를 제공하는 대신 재능을 기부하여 사회 곳곳에 접근성을 향상시키는 연결 구조를 만들기 위한 노력을 지속하고 있다.