웹 접근성 & 웹 표준 완벽 가이드 [국가표준 접근성 지침을 준수하는 웹 콘텐츠 개발]
- 원서명Web Accessibility: Web Standards and Regulatory Compliance (ISBN 9781590596388)
- 지은이짐 대처, 마이클 버크스, 크리스티앙 하일만, 숀 로튼 헨리, 앤드류 커크패트릭, 패트릭 라우케, 브루스 로슨, 밥 리건, 리차드 러터, 마크 어반, 신시아 와델
- 옮긴이노석준, 신승식, 현준호, 한정민
- ISBN : 9788960772151
- 40,000원
- 2011년 07월 22일 펴냄 (절판)
- 페이퍼백 | 864쪽 | 188*250mm
- 시리즈 : 웹 프로페셔널
판매처
- 현재 이 도서는 구매할 수 없습니다.
책 소개
장애 여부나 연령, 기술 환경 등에 상관없이 모든 웹 콘텐츠를 접근 가능하게 구축하고 활용할 수 있도록, 웹 접근성의 개념부터 법률, 지침, 실제적인 접근성 적용 기법, 접근 가능한 웹사이트 구축 사례 등에 이르기까지 광범위하고 상세하게 기술한 완벽 지침서다. 2015년까지 웹 접근성 준수 의무화 대상에 드는 모든 공공기관과 민간기관 종사자에서부터 웹 콘텐츠 개발자나 설계자는 물론 모든 웹 이용자를 대상으로 한다. 또한 대상 독자가 웹 접근성을 인식하고 준수하도록 만들기 위한 구체적인 지침과 기법 등 다양한 해결책을 제시함으로써 접근성 높은 웹 콘텐츠를 구축, 활용할 수 있게 돕는 귀중한 안내서다.
[ 소개 ]
■ HTML, CSS, 자바스크립트, 플래시 등 접근성 높은 웹 기술 제작 방법
■ 웹 접근성을 통해 기업체가 누리는 이점
■ 웹 접근성의 법적 요건에 관한 설명
웹의 힘은 어느 누구나, 그리고 모든 사람이 접근할 수 있다는 사실에 있으며, 장애를 지닌 사용자에게도 확대돼야 한다. 접근성이란 시각, 청각, 지체, 언어, 인지, 신경 생리학적 장애를 지닌 사람들도 접근 가능한 웹사이트를 만들고, 제공된 콘텐츠나 서비스에 어느 누구나 접근할 수 있는 웹사이트를 구축하는 것이다.
웹 접근성을 달성하기는 생각보다 어렵지 않으며, HTML, CSS, 자바스크립트, 플래시 등 일반적으로 사용하는 도구 이상의 특별한 도구가 필요하지도 않다. 각 도구를 올바른 방식으로 사용하고, 접근성 지침과 전 세계적으로 웹 접근성을 강제하는 법률을 염두에 두고 웹사이트를 작업하면 된다.
이 책에서는 웹사이트를 접근 가능하게 만들려는 웹 디자이너나 개발자, 또는 웹 접근성 법률들이 웹사이트에 미치는 영향이 무엇인지를 알고자 하는 업체 관리자 등 관련 종사자 모두에게 웹 접근성에 대해 알아야 할 모든 것을 제공한다.
또한 접근성 법률과 지침을 개관하고, 기업에서의 접근성과 실행에 대해 논의한 후 간단한 참고와 따라하기 사례를 열거해 접근 가능한 웹사이트를 구축하는 방법을 보여준다.
■ 보조공학
■ XHTML, 자바스크립트, CSS, 플래시, PDF를 사용해 접근 가능한 웹 콘텐츠 개발
■ WCAG와 재활법 제508조에 대한 웹 접근성 준수 상태 검사
■ 접근 불가능한 사이트의 재설계
이 책의 끝부분에서는 웹 접근성에 관한 전 세계 법률을 심층적으로 분석, 제시한다. 웹 접근성의 법적, 윤리적 시사점에 대해 관심이 있다면 최상의 책이 될 것이다. 또한 저자진으로 참여한 전 세계 유수의 접근성 전문가들의 훌륭한 통찰력을 배우고 지도를 받을 수 있을 것이다.
[ 이 책에서 다루는 내용 ]
■ HTML, CSS, 자바스크립트, 플래시, PDF, 멀티미디어 등을 사용해 접근 가능한 웹사이트를 작성하는 방법
■ 사이트 접근성을 테스트하는 방법
■ 이용 가능한 접근성 지침
■ 웹 접근성의 법적 요구 사항
■ 웹 접근성의 비즈니스적인 영향
[ 이 책의 특징 ]
저자들은 웹사이트를 가능한 한 광범위한 사람들에게, 접근성이 높으며, 법률을 잘 준수할 수 있는 방식으로 구축하는 효율적인 방법을 보여준다.
접근성이 타당하지 않은 코드에 의해서도 잘 작동하는 매우 드문 경우도 있지만, 이 책에서 설명하는 대다수는 의미론적인 마크업, 프레젠테이션을 위한 CSS, 타당한 코드 등을 사용해 가능하면 가장 최신의 방식으로 접근성을 준수하는 방법을 보여준다. 저자들은 또한 ‘눈에 띄지 않는’ 자바스크립트의 최신 기법을 사용해 페이지의 반응 계층(behavior layer)이 접근 가능하게 하는 방법을 보여준다.
또한 이 책에서는 실용적인 관점을 견지한다. 대다수 경우에, 선택에 의해서든 필수요건이든 어도비 PDF나 플래시를 사용할 필요가 있다. 그와 같은 경우에도 접근성을 향상시킬 수 있는 기법들이 있다. 따라서, 접근 가능한 PDF, 플래시, 자바스크립트만을 다루는 장들에서 관련 기법을 보여주고, 장점뿐만 아니라 단점도 검토해본다.
[ 추천의 글 ]
웹 접근성이 요즈음처럼 큰 관심을 받게 된 것은 매우 다행스러운 일이다. 정부나 지방자치단체 등에서 발주하는 대부분의 웹사이트 구축 사업에서 웹 접근성은 매우 중요한 요구 사항이며, 많은 경우 사업의 결과물로 웹 접근성 품질 마크 인증 획득을 요구하기도 한다. 그럼에도 불구하고 웹 접근성을 준수하기 위해서 무엇을 어떻게 해야 하는지에 관해 참고할 만한 자료를 주변에서 쉽게 구하기 어려웠던 것이 사실이다. 이번에 발간되는 책은 웹 접근성에 관계된 일에 종사하는 사람이라면 누구나 한 권쯤 옆에 두고 참고할 만한 책이다.
이 책의 주 저자인 짐 대처는 오랫동안 웹 접근성 관련 컨설팅을 해왔던 권위자다. 이 책은 단순히 웹 접근성이 무엇인지를 알려주는 데 그치지 않고 접근 가능한 웹사이트를 구축하는 방법과 평가 방법에 관한 기술을 자세히 알려준다. 그래서 나도 오래 전 웹 접근성에 입문하는 과정에서 이 책을 많이 참고했던 경험이 있다. 이 책은 그 개정판의 한글판으로, 우리나라 웹 접근성 국가표준 2.0과 그 근간이 되는 WCAG 2.0을 다루고 있어 웹 접근성 관련 해외 동향을 파악하는 데도 매우 유용할 것이다.
이 책의 역자들 또한 나와 함께 오랫동안 웹 접근성 분야에서 활발한 활동을 해온 전문가들이다. 독자 여러분은 이 책을 통해 웹 접근성 분야에 오랫동안 종사해온 전문가들의 생생한 숨결을 느낄 수 있을 것이다. 그러므로 이 책을 독자들에게 추천함에 있어서 조금도 주저하지 않았다. 모쪼록 이 책을 통해 우리나라 웹 접근성 기술이 한 단계 더 발전할 수 있기를 기대한다.
- 충북대학교 김석일 교수
웹 접근성 품질 마크 인증 위원장
접근성의 도전
팀 버너스 리(Tim Berners-Lee)가 웹을 만들 때 그는 몇 가지 매우 구체적인 목적을 염두에 뒀다. 확실히 정보를 공유할 수 있게 해주는 테크놀로지를 구축하는 것이 가장 주요한 목적이었지만 버너스 리의 비전 중 흥미로운 부분은 항상 웹의 인간적인 측면과 관련이 높았다. 궁극적으로 웹을 사용하는 존재는 기계가 아니라 인간이기 때문이다.
접근성은 초기 비전의 일부분이었다는 사실에도 불구하고 웹 설계에서 항상 쟁점이 되는 주제다. 넓은 의미에서 접근성은 웹상에 있는 특정 페이지를 접근 가능하게 만드는 것을 의미하며, 단순히 장애에 대한 문제만은 아니다. 오히려 웹의 초기 비전에 근간한 정보 공유가 접근성의 가장 큰 목적이다.
또한 웹 표준이 접근성과 어떤 관련이 있는지에 대해 많은 논의가 있어왔다. 접근성은 웹 표준의 여러 측면과 관련 있지만 그 자체로서 하나의 과학, 예술, 실제로 발전됐다. 접근성은 고도의 전문 분야이며, 만약 특정인을 고려해 접근 가능한 웹페이지를 만든다면 부지불식간에 다른 사람은 접근 불가능하게 될 수도 있기 때문에 매우 골치 아픈 분야다.
게다가 접근성 그 자체와, 접근성이 웹 디자이너와 개발자에게 의미하는 바 사이에는 간극도 크고 오해도 많다. 일부 웹 디자이너나 개발자는 접근성을 단순히 이미지에 해당하는 대체 텍스트를 추가하는 것으로만 이해한다. 사람들이 여러해 전부터 그렇게 배워왔고, 실제로도 그렇게 해왔기 때문이다. 또는 사이트를 만든 후에 덧붙이는 사후 작업이라 간주하는 이들도 많다. 일부 순수하지 못한 집단은 자신들이 원하는 것을 얻어냈는지 전혀 알지 못하는 순진한 고객들에게 불필요하거나 부적절한 서비스를 판매하는 등 웹 접근성을 악용하기도 한다.
하지만 희망적인 움직임도 많다. 접근성이 이론적으로 무엇인지에 대해서가 아니라, 잘 구조화된 웹사이트를 만들고 장기적인 비전을 갖는 것이 왜 그렇게 중요한지에 관해 많은 산업체에서 인식의 전환이 일어나고 있다. 이런 인식의 제고는 웹 표준 프로젝트(Web Standards Project)의 ATF(Accessibility Task Force), W3C(World Wide Web Consortium) 같은 열성적인 옹호 단체들과, 다양한 블로그와 포럼에 기여하는 수많은 웹 디자이너들이 노력해 얻어낸 산물이다. 그와 같은 개인적인 열정 외에도, 전 세계 각국에서 취한 입법 조치로 인해 각 기업과 단체는 선택의 여지없이 접근성 지침을 준수할 수밖에 없는 상황에 이르렀다.
이렇듯 희망과 열린 미래가 바로 이 책에 담겨 있다. 사람들이 흔히 갖는 오해를 줄이고 현장에서 일하는 웹 전문가들이 접근성의 복잡성을 이해할 수 있도록 실제 사례와 더불어 심층적인 이해를 제공할 목적으로 이 책이 출간됐다. 전 세계 일류 접근성 전문가들의 기술과 비전을 이 책에 담아냄으로써, 웹 디자이너와 개발자들은 처음부터 접근 가능한 웹사이트를 구축할 뿐만 아니라 이미 구축된 사이트들을 재수정하는 데 도움을 줄 수 있는 안내서를 가질 수 있게 됐다. 접근 가능한 사이트 설계를 규제하는 세계 각국의 법률뿐만 아니라 쉬운 과제는 아니지만 사이트의 접근성을 적절하게 검사하는 방법에 대한 수많은 정보도 담겨있다.
우리가 개발한 사이트가 방문자들에게 최상의 경험을 제공하는지, 그리고 사이트를 재수정하고 접근 가능한 사이트를 오랫동안 관리하는 방법에 관심이 있다면 『웹 접근성 & 웹 표준 완벽 가이드』가 큰 도움이 될 것이라 확신한다.
- 몰리 E. 홀즈쉬랙(Molly E. Holzschlag)
애리조나주 투산에서
[ 소개 ]
■ HTML, CSS, 자바스크립트, 플래시 등 접근성 높은 웹 기술 제작 방법
■ 웹 접근성을 통해 기업체가 누리는 이점
■ 웹 접근성의 법적 요건에 관한 설명
웹의 힘은 어느 누구나, 그리고 모든 사람이 접근할 수 있다는 사실에 있으며, 장애를 지닌 사용자에게도 확대돼야 한다. 접근성이란 시각, 청각, 지체, 언어, 인지, 신경 생리학적 장애를 지닌 사람들도 접근 가능한 웹사이트를 만들고, 제공된 콘텐츠나 서비스에 어느 누구나 접근할 수 있는 웹사이트를 구축하는 것이다.
웹 접근성을 달성하기는 생각보다 어렵지 않으며, HTML, CSS, 자바스크립트, 플래시 등 일반적으로 사용하는 도구 이상의 특별한 도구가 필요하지도 않다. 각 도구를 올바른 방식으로 사용하고, 접근성 지침과 전 세계적으로 웹 접근성을 강제하는 법률을 염두에 두고 웹사이트를 작업하면 된다.
이 책에서는 웹사이트를 접근 가능하게 만들려는 웹 디자이너나 개발자, 또는 웹 접근성 법률들이 웹사이트에 미치는 영향이 무엇인지를 알고자 하는 업체 관리자 등 관련 종사자 모두에게 웹 접근성에 대해 알아야 할 모든 것을 제공한다.
또한 접근성 법률과 지침을 개관하고, 기업에서의 접근성과 실행에 대해 논의한 후 간단한 참고와 따라하기 사례를 열거해 접근 가능한 웹사이트를 구축하는 방법을 보여준다.
■ 보조공학
■ XHTML, 자바스크립트, CSS, 플래시, PDF를 사용해 접근 가능한 웹 콘텐츠 개발
■ WCAG와 재활법 제508조에 대한 웹 접근성 준수 상태 검사
■ 접근 불가능한 사이트의 재설계
이 책의 끝부분에서는 웹 접근성에 관한 전 세계 법률을 심층적으로 분석, 제시한다. 웹 접근성의 법적, 윤리적 시사점에 대해 관심이 있다면 최상의 책이 될 것이다. 또한 저자진으로 참여한 전 세계 유수의 접근성 전문가들의 훌륭한 통찰력을 배우고 지도를 받을 수 있을 것이다.
[ 이 책에서 다루는 내용 ]
■ HTML, CSS, 자바스크립트, 플래시, PDF, 멀티미디어 등을 사용해 접근 가능한 웹사이트를 작성하는 방법
■ 사이트 접근성을 테스트하는 방법
■ 이용 가능한 접근성 지침
■ 웹 접근성의 법적 요구 사항
■ 웹 접근성의 비즈니스적인 영향
[ 이 책의 특징 ]
저자들은 웹사이트를 가능한 한 광범위한 사람들에게, 접근성이 높으며, 법률을 잘 준수할 수 있는 방식으로 구축하는 효율적인 방법을 보여준다.
접근성이 타당하지 않은 코드에 의해서도 잘 작동하는 매우 드문 경우도 있지만, 이 책에서 설명하는 대다수는 의미론적인 마크업, 프레젠테이션을 위한 CSS, 타당한 코드 등을 사용해 가능하면 가장 최신의 방식으로 접근성을 준수하는 방법을 보여준다. 저자들은 또한 ‘눈에 띄지 않는’ 자바스크립트의 최신 기법을 사용해 페이지의 반응 계층(behavior layer)이 접근 가능하게 하는 방법을 보여준다.
또한 이 책에서는 실용적인 관점을 견지한다. 대다수 경우에, 선택에 의해서든 필수요건이든 어도비 PDF나 플래시를 사용할 필요가 있다. 그와 같은 경우에도 접근성을 향상시킬 수 있는 기법들이 있다. 따라서, 접근 가능한 PDF, 플래시, 자바스크립트만을 다루는 장들에서 관련 기법을 보여주고, 장점뿐만 아니라 단점도 검토해본다.
[ 추천의 글 ]
웹 접근성이 요즈음처럼 큰 관심을 받게 된 것은 매우 다행스러운 일이다. 정부나 지방자치단체 등에서 발주하는 대부분의 웹사이트 구축 사업에서 웹 접근성은 매우 중요한 요구 사항이며, 많은 경우 사업의 결과물로 웹 접근성 품질 마크 인증 획득을 요구하기도 한다. 그럼에도 불구하고 웹 접근성을 준수하기 위해서 무엇을 어떻게 해야 하는지에 관해 참고할 만한 자료를 주변에서 쉽게 구하기 어려웠던 것이 사실이다. 이번에 발간되는 책은 웹 접근성에 관계된 일에 종사하는 사람이라면 누구나 한 권쯤 옆에 두고 참고할 만한 책이다.
이 책의 주 저자인 짐 대처는 오랫동안 웹 접근성 관련 컨설팅을 해왔던 권위자다. 이 책은 단순히 웹 접근성이 무엇인지를 알려주는 데 그치지 않고 접근 가능한 웹사이트를 구축하는 방법과 평가 방법에 관한 기술을 자세히 알려준다. 그래서 나도 오래 전 웹 접근성에 입문하는 과정에서 이 책을 많이 참고했던 경험이 있다. 이 책은 그 개정판의 한글판으로, 우리나라 웹 접근성 국가표준 2.0과 그 근간이 되는 WCAG 2.0을 다루고 있어 웹 접근성 관련 해외 동향을 파악하는 데도 매우 유용할 것이다.
이 책의 역자들 또한 나와 함께 오랫동안 웹 접근성 분야에서 활발한 활동을 해온 전문가들이다. 독자 여러분은 이 책을 통해 웹 접근성 분야에 오랫동안 종사해온 전문가들의 생생한 숨결을 느낄 수 있을 것이다. 그러므로 이 책을 독자들에게 추천함에 있어서 조금도 주저하지 않았다. 모쪼록 이 책을 통해 우리나라 웹 접근성 기술이 한 단계 더 발전할 수 있기를 기대한다.
- 충북대학교 김석일 교수
웹 접근성 품질 마크 인증 위원장
접근성의 도전
팀 버너스 리(Tim Berners-Lee)가 웹을 만들 때 그는 몇 가지 매우 구체적인 목적을 염두에 뒀다. 확실히 정보를 공유할 수 있게 해주는 테크놀로지를 구축하는 것이 가장 주요한 목적이었지만 버너스 리의 비전 중 흥미로운 부분은 항상 웹의 인간적인 측면과 관련이 높았다. 궁극적으로 웹을 사용하는 존재는 기계가 아니라 인간이기 때문이다.
접근성은 초기 비전의 일부분이었다는 사실에도 불구하고 웹 설계에서 항상 쟁점이 되는 주제다. 넓은 의미에서 접근성은 웹상에 있는 특정 페이지를 접근 가능하게 만드는 것을 의미하며, 단순히 장애에 대한 문제만은 아니다. 오히려 웹의 초기 비전에 근간한 정보 공유가 접근성의 가장 큰 목적이다.
또한 웹 표준이 접근성과 어떤 관련이 있는지에 대해 많은 논의가 있어왔다. 접근성은 웹 표준의 여러 측면과 관련 있지만 그 자체로서 하나의 과학, 예술, 실제로 발전됐다. 접근성은 고도의 전문 분야이며, 만약 특정인을 고려해 접근 가능한 웹페이지를 만든다면 부지불식간에 다른 사람은 접근 불가능하게 될 수도 있기 때문에 매우 골치 아픈 분야다.
게다가 접근성 그 자체와, 접근성이 웹 디자이너와 개발자에게 의미하는 바 사이에는 간극도 크고 오해도 많다. 일부 웹 디자이너나 개발자는 접근성을 단순히 이미지에 해당하는 대체 텍스트를 추가하는 것으로만 이해한다. 사람들이 여러해 전부터 그렇게 배워왔고, 실제로도 그렇게 해왔기 때문이다. 또는 사이트를 만든 후에 덧붙이는 사후 작업이라 간주하는 이들도 많다. 일부 순수하지 못한 집단은 자신들이 원하는 것을 얻어냈는지 전혀 알지 못하는 순진한 고객들에게 불필요하거나 부적절한 서비스를 판매하는 등 웹 접근성을 악용하기도 한다.
하지만 희망적인 움직임도 많다. 접근성이 이론적으로 무엇인지에 대해서가 아니라, 잘 구조화된 웹사이트를 만들고 장기적인 비전을 갖는 것이 왜 그렇게 중요한지에 관해 많은 산업체에서 인식의 전환이 일어나고 있다. 이런 인식의 제고는 웹 표준 프로젝트(Web Standards Project)의 ATF(Accessibility Task Force), W3C(World Wide Web Consortium) 같은 열성적인 옹호 단체들과, 다양한 블로그와 포럼에 기여하는 수많은 웹 디자이너들이 노력해 얻어낸 산물이다. 그와 같은 개인적인 열정 외에도, 전 세계 각국에서 취한 입법 조치로 인해 각 기업과 단체는 선택의 여지없이 접근성 지침을 준수할 수밖에 없는 상황에 이르렀다.
이렇듯 희망과 열린 미래가 바로 이 책에 담겨 있다. 사람들이 흔히 갖는 오해를 줄이고 현장에서 일하는 웹 전문가들이 접근성의 복잡성을 이해할 수 있도록 실제 사례와 더불어 심층적인 이해를 제공할 목적으로 이 책이 출간됐다. 전 세계 일류 접근성 전문가들의 기술과 비전을 이 책에 담아냄으로써, 웹 디자이너와 개발자들은 처음부터 접근 가능한 웹사이트를 구축할 뿐만 아니라 이미 구축된 사이트들을 재수정하는 데 도움을 줄 수 있는 안내서를 가질 수 있게 됐다. 접근 가능한 사이트 설계를 규제하는 세계 각국의 법률뿐만 아니라 쉬운 과제는 아니지만 사이트의 접근성을 적절하게 검사하는 방법에 대한 수많은 정보도 담겨있다.
우리가 개발한 사이트가 방문자들에게 최상의 경험을 제공하는지, 그리고 사이트를 재수정하고 접근 가능한 사이트를 오랫동안 관리하는 방법에 관심이 있다면 『웹 접근성 & 웹 표준 완벽 가이드』가 큰 도움이 될 것이라 확신한다.
- 몰리 E. 홀즈쉬랙(Molly E. Holzschlag)
애리조나주 투산에서
목차
목차
- 1부 웹 접근성의 영향 이해
- 1장 웹 접근성 이해
- 웹 접근성
- 웹 접근성 사례: 대체 텍스트
- 기타 웹 접근성 사례
- 웹 접근성은 평등한 기회를 제공하는 데 필수 요소
- 비장애인이 받는 혜택
- 고령자
- 정보 습득 능력이 낮은 사람과 언어 유창성이 떨어지는 사람
- 저대역 인터넷 접속률과 오래된 기술을 사용하는 사람
- 신규 사용자
- 상호 의존적인 웹 접근성 구성 요소
- 구성 요소
- 실행 단계별 접근성
- 접근성 지원 부족의 보완
- 구성 요소의 통합
- 저작 도구 접근성 지침
- 웹 콘텐츠 접근성 지침
- 사용자 에이전트 접근성 지침
- 웹 접근성을 준수하기 위한 접근 방법
- 처음부터 시작하라
- 문제점을 이해하는 것에서부터 시작하라
- 장애인을 프로젝트에 참여시키라
- 장애인 고용
- 장애인으로부터의 학습
- 접근성과 사용성 간의 관계를 이해하라
- 지침의 중요한 역할을 이해하라
- 기존 웹사이트에서의 접근성 장애 요소
- 평가에 초점을 두라
- 평가 우선순위를 정하고 영역별로 수정하라
- 장애 요소별로 수정해야 할 우선순위를 정하라
- 웹 접근성에 대한 잘못된 오해
- 오해: 텍스트 전용 버전은 수용할 만한 해결책이다
- 오해: 접근성을 준수한 사이트는 산뜻하지도 않고 재미도 없다
- 오해: 접근성을 준수하려면 비용도 많이 들고 힘들다
- 오해: 접근성은 전적으로 웹 개발자의 책임이다
- 오해: 접근성은 시각 장애인을 위한 것이다
- 오해: 평가 도구는 접근성과 표준 준수 여부를 결정할 수 있다
- 오해: 지침은 접근성을 위해 충분하지 않다
- 비즈니스 관점에서 본 부가적인 혜택
- 기술적인 혜택
- 사이트 개발과 유지 보수 시간 감소
- 서버 부하량 감소
- 상호 운용성 향상
- 고급 기술 수용을 위한 준비
- 재정적인 혜택
- 검색 엔진 최적화
- 웹사이트 활용 증진
- 직접 비용 절감
- 웹 접근성을 위한 비즈니스 사례
- 기술적인 혜택
- 참여 유도
- 정리
- 웹 접근성
- 2장 웹 접근성 관련 법과 지침
- 공공 정책의 진화
- 무엇이 문제인가?
- 접근성을 고려하지 않은 웹사이트로 인해 발생한 법적 소송 사례
- 산호세시에 대한 ADA 소송
- 맥과이어와 시드니올림픽조직위원회
- 직접적인 차별
- 부당한 어려움과 개선
- 웹 설계 시 초기 단계에 접근성을 고려할 경우의 효과
- 접근성을 고려한 웹 설계 지침 개발과 법률 제정
- 법률과 규칙
- 산업 표준, 기술 표준, 모범 사례
- W3C의 WAI
- 웹 콘텐츠 접근성 지침의 중요도
- 재활법 제508조: 미국 웹 접근성 표준
- 정리
- 3장 기업에서의 접근성 구현
- 접근성 조직을 구성하는 이유
- 접근성 조직의 구성
- 접근성 조직의 권한
- 접근성 조직의 범주, 목표, 기능
- 접근성 인식
- 훈련
- 지식 기반
- 피드백
- 품질 보증
- 중요 시점
- 기술적인 모니터링
- 주기적인 목표 검토
- 지원
- 법률적 문제
- 표준
- 공적인 대표
- 접근성 인식
- 구현 방식
- 초기 평가(어디에 있는가?)
- 구현 계획
- AO로의 이양
- 정리
- 2부 접근 가능한 웹사이트 구현
- 4장 접근성 관련 기술 개요
- HTML과 XHTML
- CSS
- 자바스크립트
- 플래시
- 동기화된 멀티미디어 통합 언어(SMIL)
- 퀵타임, 윈도우 미디어, 리얼플레이어
- 확장 벡터 그래픽
- 자바
- XML과 XSL
- 정리
- 5장 보조 공학: 화면 낭독 프로그램과 브라우저
- 화면 낭독 프로그램
- 화면 낭독 프로그램이 웹페이지와 작동하는 방법
- 특수한 화면 낭독 프로그램
- Hal 사용
- JAWS for Windows 사용
- Window-Eyes 사용
- 화면을 읽어주는 브라우저와 텍스트 전용 브라우저
- 화면을 읽어주는 브라우저
- 텍스트 브라우저
- 화면 확대
- 웹사이트 접근성에 관한 브라우저 검사
- 페이지를 분석하는 웹사이트
- 페이지를 검사하기 위한 브라우저 설정
- 툴바와 패블릿
- NCAM 접근성 QA 패블릿
- 웹 접근성 툴바
- 미국 재활법 제508조 툴바
- 정리
- 화면 낭독 프로그램
- 6장 접근 가능한 콘텐츠
- 접근 가능한 웹 개발을 위한 지침
- WCAG 1.0
- WCAG 2.0
- 미국 재활법 제508조
- 이미지에 대체 텍스트 사용
- 대체 텍스트에 대한 지침과 표준
- WCAG 1.0
- 재활법 제508조
- WCAG 2.0
- 이미지의 분류
- 이미지 링크
- 이미지맵 안의 선택 영역
- 이미지 버튼
- 장식 이미지
- 차트와 그래프
- 접근성을 갖춘 이미지 링크
- 위치 정보와 맥락의 역할
- 이미지맵의 선택 영역
- 접근성을 고려한 클라이언트 측 이미지맵
- 대체 텍스트의 스타일
- 접근성이 없는 클라이언트 측 이미지맵
- 접근성을 고려한 이미지 버튼
- 형식용 이미지나 장식용 이미지의 처리
- 공간 확보를 위한 이미지
- 기타 형식용 이미지
- 텍스트 정보를 반복하는 이미지
- 장식용 이미지
- 많은 정보를 전달하는 이미지의 처리
- 이미지에 대한 대체 텍스트 정리
- 대체 텍스트에 대한 지침과 표준
- 오디오에 대체 텍스트 사용
- 오디오 관련 지침과 표준
- 대본
- 색상의 사용
- 정보 전달을 위해 사용하는 색상
- 색상 대비
- 접근 가능한 표 작성
- 배치용 표
- 표의 선형화
- 배치용 표에서 칸의 결합
- 배치용 표와 관련된 지침과 표준
- 선형화를 확인할 수 있는 도구
- 데이터용 표
- 데이터용 표와 관련된 지침과 표준
- 단순 데이터용 표
- 다층 데이터용 표
- 불규칙한 데이터용 표
- Caption 요소와 Summary 속성
- 보조 공학과 표
- 홈페이지 리더와 표
- JAWS와 표
- Window-Eyes와 표
- 접근성 마크업이 없는 표의 경우
- 접근 가능한 표 정리
- 배치용 표
- 깜박임 문제
- 깜박임에 대한 지침과 표준
- Blink와 Marquee 요소
- 정리
- 접근 가능한 웹 개발을 위한 지침
- 7장 접근 가능한 내비게이션
- 내비게이션 설계 시 고려할 요소
- 읽는 순서
- 헤딩 내비게이션
- 바로 가기 링크
- 바로 가기 링크 작성
- 일반 텍스트 내에 링크를 놓는 방법
- 안 보이는 이미지의 대체 텍스트로 링크를 만드는 법
- 스타일을 이용해 안 보이게 만든 텍스트 링크
- 포커스를 받을 때 링크 드러내기
- 인터넷 익스플로러 6에서 페이지 내 링크의 문제
- 보조 공학에서 텍스트 구역을 건너뛰는 방법
- Window-Eyes에서 링크 건너뛰기
- 홈페이지 리더에서 바로 가기 링크
- JAWS에서 바로 가기 링크
- 바로 가기 링크 작성
- 프레임 접근성
- 프레임의 작동 방식
- 보조 공학들이 프레임을 처리하는 방식
- 프레임과 포커스
- 프레임 정리
- 이미지맵 접근성
- 클라이언트 측 이미지맵
- 서버 측 이미지맵
- 복잡한 클라이언트측 이미지맵
- 이미지맵 정리
- 배치와 내비게이션
- 접근 가능한 링크
- 링크 내비게이션
- 링크 텍스트
- 정리
- 8장 접근 가능한 데이터 입력
- 자료 입력 서식과 관련된 지침
- 접근 가능한 서식
- 서식 요소
- 버튼
- 텍스트 입력 필드와 텍스트 영역
- 화면 낭독 프로그램이 서식을 읽는 방식
- 제목 텍스트의 위치
- 접근 가능한 서식의 좋은 예
- 레이블이 작동하지 않을 때
- Title 속성 사용
- 여러 개의 컨트롤을 묶어주는 fieldset과 legend 요소
- 레이블로 서식을 감싸는 것은 잘못
- 많다고 좋은 것은 아니다
- 서식 요소
- 필수 입력 필드, 서식의 오류와 도움말
- 필수 입력 서식 필드
- 서식 유효성 검사
- 서버 측 유효성 검사
- 클라이언트 측 유효성 검사
- 서식 필드에 대한 도움말
- PDF 서식
- 청각장애인을 위한 서식 접근성
- 시간 제약이 있는 반응
- 정리
- 9장 접근 가능한 웹페이지를 위한 CSS
- 스타일시트가 접근성에 도움이 되는 이유
- CSS 기본
- 인라인 스타일
- 임베디드된 스타일시트
- 링크되고 불러오기된 스타일시트
- 사용자 스타일시트
- 브라우저 스타일시트
- 색상과 배경
- 배경색과 글꼴색
- 배경 이미지
- 전경과 배경의 대비
- 기타 정보 전달 수단
- 텍스트와 글꼴
- 글꼴 크기
- 텍스트 여백과 들여쓰기
- 글꼴 패밀리
- 문자와 단어 간격
- 대소문자
- 텍스트 방향
- 이미지 대체 기술
- CSS 활성, 이미지 비활성
- sIFR
- 오래된 이미지 대체 기술
- img 태그 사용 시 문제점
- 이미지 대체 남용
- 레이아웃과 위치 지정
- 예제 레이아웃
- 중앙 정렬된 유동 너비 칼럼
- 절대 위치 지정을 사용한 세 칼럼
- 머리글, 바닥글, 무형 칼럼 두 개
- 내비게이션 설계
- 서식 요소의 보이지 않는 레이블
- 목록의 글머리 기호 스타일
- 빈 표 셀
- 예제 레이아웃
- 대체 스타일시트
- 대체 스타일시트 지정
- 스타일시트 교체
- 확대/축소 레이아웃
- 화면 이외의 미디어
- 청각 CSS
- 페이지가 있는 미디어
- 미디어 특정 스타일시트
- 검사와 유효성 검사
- 정리
- 10장 접근 가능한 자바스크립트
- 자바스크립트 이야기
- 자바스크립트가 좋지 않은 명성을 가진 이유
- 자바스크립트의 고려 사항
- 사용자의 필요
- 동적 자바스크립트 지침
- 브라우저가 아니라 표준을 따르라
- 중요한 태그(마크업)는 자바스크립트에만 의존해서는 안 된다
- 코드로 생성된 HTML은 작성된 HTML코드와 동일한 규칙을 따르라
- 방문자와 사용자 에이전트의 제한에 주의하라
- 적은 것이 많은 것일 수 있다
- 관례를 너무 많이 어기지 말라
- 액세스하는 모든 것을 검사하라
- 모두 분리시키라
- 눈에 띄지 않는 자바스크립트
- 동작 레이어로서의 자바스크립트
- 대화형 작업
- 룩앤필
- 새 창
- 새 창 열기 지침
- 재사용할 수 있는 팝업 스크립트
- 요소 가시성
- 오래된 기술과 대체 방안
- document.write
- <noscript></noscript>
- href="JavaScript: . . ." 와 onclick="JavaScript:"
- onclick="void(0)"와 ‘아무것도 하지 않는’ 명령
- document.all, document.layers, and navigator.userAgent
- 매개변수가 많은 함수
- innerHTML
- 접근 가능한 서식과 JavaScript
- 서식 개선
- 서식 유효성 검사
- 정리
- 11장 접근 가능한 플래시
- 사용자 요구 조건
- 주요 질문
- 활용 사례 시나리오
- 진수
- 영애
- 철희
- 수철
- 상아
- 기술적 요구 조건
- Flash Player 버전
- 플랫폼과 브라우저
- 화면 낭독 프로그램
- 접근 가능한 Flash 설계의 주요 개념
- 컨트롤 레이블
- 컨트롤의 역할
- 컨트롤의 상태
- 컨트롤의 구조
- 플래시 접근성 모범 사례
- 동등한 텍스트 제공
- 전체 동영상에 동등한 텍스트 제공
- 객체를 접근 불가능하게 만들기
- 자동 레이블링 사용
- 단일 객체에 동등한 텍스트 지정
- 맥락 제공
- 동영상 설명
- 상태 노출
- 읽기 순서 조정
- 화면 구조 반영
- 탭 인덱스 값 사용
- 액션스크립트를 사용해 읽기 순서 지정
- 읽기 순서에서 객체 제거
- 화면 낭독 프로그램 감지
- 애니메이션 조절
- 키보드 접근 보장
- 접근을 막는 기술 피하기
- 키보드 단축키 지정
- 점진적 노출 사용
- 컴포넌트 접근성 활성화
- 자막 제공
- 자막이 있는 콘텐츠 불러오기
- 스테이지에 텍스트 직접 놓기
- XML 자막 데이터 스트리밍
- 오디오 재생 제어 제공
- 색상의 현명한 사용
- 약시 사용자 지원
- 플래시를 접근성 있게 임베디드하는 방법
- 동등한 텍스트 제공
- 정리
- 사용자 요구 조건
- 12장 PDF 접근성
- 어도비 리더의 접근성 기능
- 문서 색상 변경
- 문서 크기 조정
- PDF 문서 확대/축소
- 가로 스크롤 제거
- 자체 읽어주기
- 접근 가능한 미디어 지원
- 보조 공학 지원
- 태그된 PDF
- 마이크로소프트 워드에서 태그된 PDF 작성
- 이미지
- 구조
- 표
- 하이퍼링크
- 목록
- 읽기 순서
- 색상 대비
- 인디자인 CS2에서 태그된 PDF 작성
- 마이크로소프트 워드에서 태그된 PDF 작성
- 접근성 수정과 최적화
- 태그되지 않은 문서 처리
- 스캔된 문서 접근 가능하게 만들기
- 태깅 문제 수정
- 읽기 순서 확인과 수정
- 누락된 텍스트 추가
- 헤딩 확인과 추가
- 이미지에 동등한 의미를 지닌 텍스트 추가
- 표 확인과 수정
- 아크로뱃의 접근성 검사기 사용
- 접근 가능한 PDF 서식
- 정리
- 어도비 리더의 접근성 기능
- 13장 웹 접근성 검사
- 검사가 가능한 것
- 동등한 의미를 지닌 텍스트
- 알고리즘
- 판단
- 동기화된 멀티미디어
- 알고리즘
- 판단
- 색상 코딩
- 알고리즘
- 판단
- 스타일시트
- 알고리즘
- 판단
- 중복되는 텍스트 링크
- 알고리즘
- 판단
- 클라이언트 측 이미지맵 사용
- 알고리즘
- 판단
- 표 헤더
- 알고리즘
- 판단
- 복잡한 표
- 알고리즘
- 판단
- 프레임
- 알고리즘
- 판단
- 깜빡거림 비율
- 알고리즘
- 판단
- 텍스트 전용 페이지
- 알고리즘
- 판단
- 스크립팅
- 알고리즘
- 판단
- 애플릿과 플러그인
- 알고리즘
- 판단
- 온라인 서식
- 알고리즘
- 판단
- 건너뛰기 내비게이션
- 알고리즘
- 판단
- 응답시간이 제한돼 있는 반응
- 알고리즘
- 판단
- 동등한 의미를 지닌 텍스트
- 웹 접근성 검사 소프트웨어
- Bobby 5.0
- Bobby에서 사용할 검사 선택
- Bobby에서 파일 분석
- Bobby 검사 결과 검토
- Bobby에서 보고서 서식 선택
- InFocus
- InFocus에서 사용할 검사 선택
- InFocus에서 파일 분석
- InFocus 검사 결과 검토
- InFocus에서 보고서 서식 선택
- LIFT Machine
- LIFT에서 사용할 검사 선택
- LIFT에서 파일 분석
- LIFT 검사결과 검토
- LIFT에서 보고서 서식 선택
- Ramp Ascend
- Ramp에서 사용할 검사 선택
- Ramp에서 파일 분석
- Ramp 검사 결과 검토
- Ramp에서 보고서 서식 선택
- WebKing
- WebKing에서 사용할 검사 선택
- WebKing에서 파일 분석
- WebKing 검사 결과 검토
- WebKing에서 보고서 서식 선택
- WebXM
- WebXM에서 사용할 검사 선택
- WebXM에서 파일 분석
- WebXM 검사 결과 검토
- WebXM에서 보고서 서식 선택
- Bobby 5.0
- 검사 파일 세트와 결과
- 검사 스위트
- 결과 정리
- 정리
- 검사가 가능한 것
- 14장 WCAG 2.0 소개
- 표준과 지침
- WCAG 2.0 개관
- WCAG 2.0이란?
- 원리와 지침
- 원리 1
- 원리 2
- 원리 3
- 원리 4
- 성공 기준
- 기법 문서
- 원리와 지침
- WCAG 2.0 지침의 사용 예
- WCAG 2.0의 장점과 우려
- 장점
- 우려
- 100% 측정 가능하지는 않다
- 점진적이라기보다 혁신적이다
- 기저선과 준수
- 기타 우려 사항
- 미국 재활법 제508조와 WCAG
- 정리
- 15장 재수정 사례 연구: 대학 웹사이트 재설계
- 재설계 이전의 사이트
- 문제점
- 초기 수정
- 재설계
- 초기 계획 단계의 결정사항
- 왜 웹 표준인가?
- 왜 HTML이 아닌 XHTML인가?
- 왜 표에서 벗어나는가?
- 사이트 구조: 재고 늘리기
- 페이지 템플릿 구성하기
- 페이지 구조 계획하기
- 템플릿 스타일하기
- 콘텐츠 가져오기
- 역동적으로 만들기
- 검사와 사이트 게시
- 초기 계획 단계의 결정사항
- 설계가 기존 문제를 해결하는가?
- 재설계 중 겪은 문제점과 교훈
- 새로운 설계 구현
- 정리
- 3부 접근성 법률과 정책
- 16장 미국 웹 접근성 관련 법률
- ADA와 인터넷
- 1973년의 재활법 제504조
- 접근 가능한 웹과 관련한 ADA에 대한 오해
- ADA의 인터넷에의 적용
- 주 정부와 지방 정부 웹사이트의 접근성
- ADA 준수 과정 소개
- 현행 ADA 소송 법률
- 마틴 대 MARTA(Metropolitan Atlanta Transportation Authority) 화해
- Access Now 대 Southwest Airlines 화해
- Hooks 대 OKBridge
- 기타 ADA 소송
- 선별된 ADA에 근거한 웹 접근성 관련 고소
- 미국 교육부의 시민권 담당국
- AOL(America Online)
- 온라인 뱅킹 화해
- 온라인 투표
- 온라인 IRS 세금 정산 서비스 화해
- 신용카드 회사의 월간 명세서
- 웹사이트와 세금 사기
- 웹사이트와 미국 법무부의 시민 접근 프로젝트
- 여행사 웹사이트 화해합의서
- 1996년 통신법 제255조
- 전자 및 정보 기술 접근성 표준(미국 재활법 제508조) 개요
- 대통령에게 제출된 연방 정부 접근성 보고서
- 미국 접근성위원회 표준 지침
- 웹 개발자가 재활법 제508조를 준수해야 하는 경우
- 웹 개발자나 정책 입안자와 관련된 주요 법률적 문제
- 미국 교통부의 입법예고
- 전자 서식
- 애플릿, 플러그인, 애플리케이션
- PDF와 게시된 문서
- 멀티미디어, 오디오 방송과 자막
- 웹 접근성이 준수되지 않는 콘텐츠로의 연결
- 정리
- 재설계 이전의 사이트
- 17장 전 세계의 접근성 법률과 정책
- 네덜란드
- 노르웨이
- 뉴질랜드
- 덴마크
- 독일
- 룩셈부르크
- 벨기에
- 블라인드서퍼 프로젝트
- 접근 가능한 웹사이트를 위한 플랑드르 계획
- 왈론 정부
- 브라질
- 스웨덴
- 스페인
- 싱가포르
- 아일랜드
- 영국
- 오스트리아
- 유럽연합
- 전자 유럽과 i2010 계획
- EU 웹 접근성 벤치마킹 클러스터
- 이탈리아
- 일본
- JIS X 8341-3 표준
- 일본의 정책 개발
- 캐나다
- 태국
- 포르투갈
- 프랑스
- 핀란드
- 한국
- 호주
- 장애차별금지법
- 정부의 웹사이트 표준
- 은행과 AIMIA 웹사이트
- 홍콩
- 정리
- 4부 부록
- 부록 A 용어 사전
- 부록 B 전기와 정보 공학을 위한 재활법 제508조 표준 가이드