웹 접근성 프로젝트 시작하기(NHN은 이렇게 한다)(Tech@NHN 6)

이 책은 오랜 시간 동안 축적한 NHN의 웹 접근성 관련 경험과 핵심 노하우가 담겨 있는, 웹 접근성 전반을 아우르는 책이다. 웹 표준 개발 가이드인 널리 사이트의 내용을 바탕으로 웹 접근성 유형별로 해야 할 사항과 해서는 안 될 사항을 좀 더 자세하게 알려 준다. 또한 웹 접근성 검증 도구인 N-WAX를 비롯한 다양한 도구를 이용해 웹 접근성을 검증하는 자세한 방법도 다뤘다. 그야말로 웹 접근성 프로젝트의 시작과 끝을 책임지는 책이라 할 수 있다.



그동안 웹 접근성은 장애가 있는 사용자를 위한 것이라는 인식이 있었다. 하지만 웹 접근성 연구소에서 내린 정의에 따르면 웹 접근성은 특정 대상이 아닌 모든 사용자를 대상으로 한다. 따라서 이 책은 웹 접근성 및 사용성을 제고하기 위한 웹 접근성 프로젝트를 진행하는 모든 웹 디자이너, 기획자, 운영자, 개발자가 반드시 읽어봐야 할 책이자 언제든 참고할 수 있는 웹 접근성 지침서가 될 것이다.



추천사

"지금 우리나라도 점차 다양성을 존중하는 사회로 발전하고 있습니다. 하지만 아직 부족한 점이 많습니다. 여기서 멈추지 않고 앞으로 더 나은 세상이 되길 바라며 이 책의 이야기를 실천해 주시면 좋겠습니다. 다름은 가름이 되어서는 안 됩니다."

- NHN UI기술센터 이사 양주일



"노령화 사회 및 선진 사회일수록 장애 인구는 증가합니다. 이미 일본은 인구의 26% 이상이 노령화로 인한 다양한 장애를 가지고 있습니다. 이는 향후 정보통신 서비스의 대상, 즉 시장의 확대는 바로 이 책에서 실현하고자 하는 보편적 설계를 통한 접근성의 확보가 필수임을 의미합니다."

- 한국HCI학회 QoLT(Quality of Life Technology)연구회 회장, 성신여자대학교 IT학부 교수 홍기형



"웹 접근성을 보장하는 것이 어렵고, 힘든 일이라는 생각도 듭니다. 그러나 작은 일에, 조금만이라도 노력을 기울인다면 많은 사람이 행복할 수 있습니다. 이 책에서 다루고 있는 내용이 다양한 웹 서비스에 적용되어 장애인들도 웹 서비스를 편리하게 이용하는 날이 오길 바랍니다."

- 엔비전스 웹 접근성 UT(Usability Test)팀



웹 접근성이란 무엇인가?

웹 접근성은 특정인을 위한 것인가?

웹 접근성 지침은 꼭 따라야만 하나?



요즘 IT 업계 화두는 '웹 접근성 품질마크 획득'이다. 2013년 4월부터 민간 서비스에도 '장애인차별금지 및 권리구제 등에 관한 법률'이 적용돼 차별 금지를 강화한다고 한다. 이제 웹 접근성은 웹 사이트 개발에 관련된 사람이라면 누구나 관심을 둬야 하는 주제다. 하지만 지금까지는 실 사례를 곁들여 적용하기 쉽게 설명한 책이 없어 도움을 받기가 쉽지 않았다.



웹 접근성에 대한 의식 전환을 위한 시작 단계부터 도구를 활용한 마지막 점검 방법까지, 이 책 하나면 웹 접근성에 대한 모호함과 적용에 대한 고민이 사라질 것이다. 이 책은 웹 접근성 프로젝트를 진행하는 모든 웹 디자이너, 기획자, 운영자, 개발자가 꼭 살펴봐야 하는 책이다.



이 책에서는 다음과 같은 내용을 다룬다.



● 웹 접근성에 대한 의식 전환 및 프로젝트 담당자별 역할

● 웹 접근성 프로젝트에 필요한 점검 도구

● 웹 접근성 유형별로 이해하기 쉽게 삽화로 소개한 확인 방법과 테스트 방법

● 웹 접근성 유형별 지침

● NHN의 실제 사례와 실무자의 FAQ를 중심으로 한 알기 쉬운 예제

▣ 1부 준비 : 웹 접근성을 준비하는 우리의 자세



의식 전환

- 웹 접근성이란?

- 웹 접근성, 왜 보장해야 하나?

역할 나누기

- 팀 플레이로 두려움 극복하기

- UX 디자이너

- UI 디자이너

- 마크업 개발자

- Ajax/웹 1.5_Emx개발자

검사 도구

- N-WAX

- 웹 브라우저 개발자 도구

- UIA Verify

- PEAT

- Contrast Ratio

- 스크린 리더



▣ 2부 적용과 검증 : 웹 콘텐츠의 접근성을 보장하기 위한 방법과 검증을 한 번에 해결



대체 콘텐츠 제공하기

- 그래픽 콘텐츠에 대체 텍스트 제공하기

- 영상, 음성 콘텐츠에 자막이나 원고 또는 수화 제공하기

- 캡차에 대체 수단 제공하기

특정 환경에서도 정보 손실이 없게 하기

- 색상, 크기, 방향, 위치, 음향 효과만으로 정보 전달하지 않기

- 웹 문서에 문법 오류 없게 하기

- 표 바르게 지정하기

- 논리적인 순서 보장하기

읽고 이해하기 쉬운 환경 제공하기

- 주 사용 언어 명시하기

- 3초 이상 자동 재생되는 음성 제어하기

- 콘텐츠와 배경의 명도 대비가 4.5:1 이상 되게 하기

충분한 시간 보장하기

- 시간 제한이 있는 콘텐츠 사전에 공지하기

- 자동으로 갱신되는 콘텐츠 제어하기

발작을 유발하지 않기

- 1초에 3회 이상 번쩍이거나 깜박이는 콘텐츠 제공하지 않기

키보드 접근성 보장하기

- 마우스를 사용하는 기능을 키보드로도 실행할 수 있게 하기

- 키보드 포커스를 논리적으로 이동하게 하기

- 키보드 포커스를 화면에 표시하기

쉽고 빠른 탐색 환경 제공하기

- 웹 페이지의 제목 지정하기

- 프레임에 제목 지정하기

- 콘텐츠 블록에 제목 지정하기

- 건너뛰기 링크 지정하기

- 명확한 링크 텍스트 지정하기

사용자 오류 예방하기

- 사용자가 의도하지 않은 기능은 실행되지 않게 하기

- 입력 서식에 레이블 지정하기

- 입력 오류를 인지하고 수정할 수 있게 하기



▣ 3부 문제 해결 : 가이드에는 없는, 실질적인 문제들에 대한 속 시원한 해결책!



접근성, 어디까지 보장해야 할까?

- 시각 기반의 서비스, 지도와 웹툰

- 모바일 서비스도 예외는 아니다

- 웹 애플리케이션도 접근성을 제공할 수 있을까?

- 재미있는 게임, 다 같이 즐길 수 있을까?

- 제휴 콘텐츠와 UGC는 접근성을 보장할 수 없다?

이게 맞을까, 저게 맞을까?

- 섬네일의 대체 텍스트는 어떻게 제공하는 것이 좋을까?

- 시각 장애 환경에서도 그래프를 쉽게 인식할 수 있을까?

- 실시간으로 갱신되는 콘텐츠를 장애 환경에서도 정확하게 제공하려면?

- 명도 대비와 정보 성격에 맞는 색상, 두 마리 토끼를 잡을 수는 없는 걸까?

- 플래시도 스크린 리더나 키보드 접근이 가능할까?

시각 장애인은 어떻게 웹을 탐색할까?

- 시각 장애인이 인식하는 웹 콘텐츠는 과연 어떤 형태일까?

- 시각 장애인이 원하는 콘텐츠에 쉽고 빠르게 접근하려면 어떻게 해야 할까?

- 스크린 리더로 좀 더 의미 있는 테스트를 해 보고 싶다면?

박태준 저자 박태준은 NHN의 웹 표준개발 제반사항과 웹 접근성, 태블릿 최적화 프로젝트를 맡아 진행했다.