Accessibility 본문

웹 접근성이란?

월드 와이드 웹 (World Wide Web)을 창시한 팀 버너스 리(Tim Berners-Lee)는 웹이란 '장애에 구애 없이 모든 사람이 손쉽게 정보를 공유할 수 있는 공간'이라고 정의하였으며, 웹 콘텐츠를 제작할 때에는 장애에 구애됨이 없이 누구나 접근할 수 있도록 제작하여야 한다고 하였다. 이는 모든 사용자가 신체적, 환경적 조건과 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것을 뜻한다. 여기서 신체적 조건이란 일반 사용자는 물론, 장애를 가진 사람, 고령자 등을 의미하고 환경적 조건이란 다양한 기기(PC, mobile, PDA 등), OS(운영체제), 웹 브라우저 (Internet Explorer, FireFox, Safari, Chrome, Opera 등)를 의미한다.
웹 접근성

접근성이란 "보다 많은 사람이 이용할 수 있는 보편적 접근의 정도"를 의미

장애인뿐만 아니라 모든 사람이 정보통신 기기나 서비스를 손쉽게 활용할 수 있게 하는 것

웹 접근성 사례

국내외 웹 접근성 사례
국내 저시력인 연합회 홈페이지
  • 내비게이션 메뉴를 최상단에 배치
  • 글씨 확대기능 동시 제공
국내 저시력인 연합회 웹 접근성 사례

참고 URL : http://www.lowvision.or.kr/

BBC의 웹 접근성 안내 페이지
  • 글자확대, 고대비색상 변경기능 제공
  • 그 밖의 여러 가지 상황에 대한 가이드 제공
BBC 웹 접근성 사례 1
BBC 웹 접근성 사례 2

참고 URL : http://www.bbc.co.uk/accessibility/

London 2012 Olympics
  • 글자확대 기능 제공
  • 난독증, 저시력을 위한 고대비 화면 제공
London 2012 Olympics 웹 접근성 사례

참고 URL : http://www.london2012.com/

사내 웹 접근성 사례
메일

메뉴를 상/하단에 모두 배치

해상도가 작은 모니터나 해당 콘텐츠의 양이 많을 때 메뉴를 이용하기 위해 스크롤을 했던 불편함을 해소

센스리더로 접근했을 때 다시 상단으로 가서 포커싱을 해야 하는 이슈를 없앰

다음 웹 접근성 사례 1

참고 URL : http://mail.daum.net/

탭 메뉴

탭 메뉴를 헤딩태그로 마크업하고 헤딩 하단에 콘텐츠를 바로 나열하여 순차 배열함

센스리더로 접근했을 때 제목과 내용을 차례대로 읽어줄 수 있게 함

다음 웹 접근성 사례 2

참고 URL : http://www.daum.net/

기사보기

글꼴변경, 글자확대/축소 기능 제공

다음 웹 접근성 사례 3

참고 URL : http://media.daum.net/entertain/enews/view?newsid=20120406090144363

웹 콘텐츠 제작기법

우리나라는 2008년 4월부터 시행된 「장애인 차별금지 및 권리 구제 등에 관한 법률」(이하 "장차법")에 따라 2009년 4월부터 정부기관, 지자체 및 공공기관을 시작으로 기관별 성격에 따라 단계적으로 이들 기관에서 제공하는 모든 웹 콘텐츠는 웹 접근성을 준수하여야만 한다. 그뿐만 아니라 동적 콘텐츠에 대한 수요가 증가하면서 일부 웹 에이전시를 중심으로 Ajax, Flash, Flex, Silverlight 등과 같은 RIA 기술을 이용한 웹 콘텐츠가 개발되고 있다.

장애인 차별 금지 및 권리구제에 관한 법률

장차법이란?
장애인 차별 금지 법(이하 장차법)

2008년 4월 11일부터 시행된 "장애인 차별 금지 및 권리 구제 등에 관한 법률"은 장애인이 교육, 고용 등 일상생활에서 장애로 차별을 당하지 않도록 법으로 금지하고 장애를 이유로 억울하게 차별받은 장애인을 효과적으로 구제하기 위해 마련된 법

차별행위가 발생하는 경우 손해배상, 입증책임, 벌칙(3년 이하의 징역 또는 3천만원 이하의 벌금)이 따르게 되는 법으로서 기존의 유사 법률보다 좀 더 구체적이고 강제력이 부여됨

2013년 4월 11일, 모든 법인이 해당하며 정당한 편의제공이 의무화됨

장차법 관련 참조 링크
장차법의 단계적 범위
1년 이내 (2009/4/11)
공공기관

공공기관

교육기관(책임자)

국·공·사립특수학교

특수학급이 설치된 국·공립학교

장애전담 보육시설

의료기관

종합병원

복지시설

사회복지시설 (사회복지관 등)

장애복지시설 (요양 및 재활시설 등)

2년 이내 (2010/4/11)
문화예술체육

국립문화예술단체, 박물관, 미술관

국립중앙도서관, 공공도서관

3년 이내 (2011/4/11)
교육기관(책임자)

국공립유치원

초·중·고 대학교

보육시설(100인 이상)

의료기관

일반병원, 치과, 한방병원 (입원 30인 이상)

4년 이내 (2012/4/11)
문화예술체육

민간 종합공연장

5년 이내 (2013/4/11)
법인

모든 법인

교육기관(책임자)

사립유치원

평생교육시설, 연수기관

직업훈련기관 (1000㎡ 이상)

보육시설 (100인 이하)

의료기관

그 외 병원 (입원 30인 이상)

문화예술체육

체육 관련 행위자

7년 이내 (2015/4/11)
문화예술체육

민간 종합공연장 및 소공연장(300석 미만)

영화관(300석 미만)

사립박물관·미술관

출처 : 보건복지부

2008년 4월 11일 장차법에 따라 공공 및 민간 웹 사이트의 웹 접근성 준수가 의무화됨

이를 어길 시에는 3년 이하 징역이나, 3천만 원 이하 벌금

국내외 웹 접근성 법률 및 제도
국내외 웹접근성 현황

WCAG의 내용을 바탕으로 하여 나라별로 오래전부터 시행되고 있음

참고 [ Policies Relating to Web Accessibility ]

21세기 통신 및 비디오 접근성 법

2010년 10월에 미국 정부에서 제정한 "21세기 통신 및 비디오 접근성 법"(이하 "21세기법")은 인터넷뿐만 아니라 스마트폰 등에서도 웹 접근성을 준수하도록 규정

21세기법을 어길 시에는 해당 제품의 미국 내 수출까지 제한한다고 밝힘

크게 "통신 접근"(Communication Access)과 "비디오 프로그래밍 접근"(Video Programming Access) 2개 분야로 나누어져 있음

참고 [ 미국 연방통신위원회(FCC) 21세기법 공식 웹사이트 ]

통신 접근 분야

청각과 언어장애인에 대한 인터넷 기반 통신중계 서비스 보장

고급화된 통신 서비스와 장비의 접근성 준수

접근성 미준수 시 장애인의 민원 제기 및 조사

스마트폰에 대한 접근성 준수

시청각 중복 장애인의 통신 이용 보장

재난 접근 자문위원회 구성·운영

비디오 프로그래밍 접근 분야

비디오 프로그래밍 및 재난 접근성 자문위원회 구성

화면해설 및 닫힌 자막 제공

디지털 방송수신 장비에서의 사용자 인터페이스(UI) 규정

국외 법률 사례
2002년 시드니 올림픽 공식 홈페이지 웹 접근성 관련 소송

웹 사이트 무료 음성제품인 IBM Homepage Reader의 링크가 연결이 안 되었고, 제대로 작동하지 않고 있었다는 이유로 시드니 올림픽 공식 홈페이지의 유지보수를 맡고 있던 IBM에 $20,000의 벌금이 부과됨

미국의 유명 소매업체 Target사의 웹 접근성 관련 소송

미국의 Target사는 미네아폴리스에 기반을 두고 있으며, 미국 내 47개 주에 1,648개의 점포를 가지고 있는 대형 소매업체이며, 온라인 쇼핑몰을 함께 운영

미국 시각장애인 연합회(NFB)가 Target 온라인 사이트가 대체 텍스트를 제공하지 않고 있으며, 마우스가 아닌 키보드만으로 구매할 수 없는 등 웹 접근성을 준수하지 않아 미국 장애인 법(ADA : Americans with Disabilities Act)을 위반하였다는 이유로 집단소송을 제기

2008년 8월 27일에 발표된 소송 결과에서는 Target사에 웹 접근성을 준수하지 않은 것은 미국 장애인 법을 위반한 것으로, 본 소송에 참가한 개인들에게 최대 $7,000을(총 6백만 달러-한화 60억 원) 제공하라고 협의

참고 : 웹 접근성 관련 해외 법률 사례 모음

모바일의 접근성


접근성을 고려하지 않는 새로운 기술의 발전에 따라 접근성 측면이 계속 뒤처지는 문제가 발생하는데 이 현상을 "접근성 격차(Accessibility Gap)"이라고 한다. 이는 아이폰의 등장에 따라 확산 된 새로운 기술 및 스마트 폰의 급격한 증가에도, 장애인과 보조기기의 고려 등 접근성에 대한 고민이 부족하여 장애인이 모바일 기기의 웹과 앱에 정보기술의 혜택을 받지 못하는 문제가 발생한다는 것이다.
모바일 접근성

"장애인, 고령자 등이 비장애인과 동등하게 모바일 기기를 사용하여 애플리케이션을 이용할 수 있도록 보장하는 것"

모바일에서 나타나는 접근성 문제

모바일 기기는 화면(해상도)이 작음

모바일의 네트워킹 환경이 PC와 비교하면 저속

모바일은 초창기 시장으로 다양한 운영체제(OS)가 존재

모바일 접근성

모바일 웹 접근성은 장애를 가지고 있는 사람을 포함한 모든 사람이 모바일 기기로 웹을 이용할 수 있는 것을 의미

유선 웹에서 접근성을 보장하는 방법에 모바일 기기의 특수성을 조금만 고려하면 해결 가능

모바일 환경에서의 사용자 경험은 장애를 가진 사람들의 사용자 경험과 유사점을 많이 갖고 있음
유사 사례

출근길 휴대폰으로 웹에 접속하여 어제 중계된 야구경기의 하이라이트 영상을 본다. 하지만 이어폰을 두고 나와 소음이 많은 지하철에서 소리가 들리지 않는다.

(청각에 대한 능력이 저하된 사람이 겪는 어려움과 유사)

해결 방법

웹 접근성 지침 1.2 지침에 따라 동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도록 대체 수단(자막, 수화)을 제공

결론적으로 웹 접근성을 잘 보장하면 모바일 웹 접근성도 자연스럽게 제공될 수 있다는 것

Mobile App 접근성의 준수/권고사항은 PC Web 접근성 내용을 포함하고 있으며, 모바일 기기의 특수성에 따른 사항만 하단에 정리

준수사항

장애인이 비장애인과 동등하게 모바일 애플리케이션에 접근하여 이용하기 위해서 반드시 준수해야 하는 사항

권고사항

모바일 애플리케이션의 접근성 향상을 위하여 무리한 부담이 되지 않는 한 준수할 것을 권장하는 사항

모바일 앱 접근성 준수사항
초점

모든 객체에 초점(focus)을 적용

초점이 순차적으로 이동될 수 있도록 제공 (화면을 직접 만지기 어려운 사용자는 객체를 선택하기 위해서 초점이 적용되는 다른 방법을 사용해서 순차적으로 초점을 이동시키게 됨)

운영체제 접근성 기능 지원

각 모바일 운영체제에서 장애인을 위해 제공하는 기능과 호환될 수 있도록 서비스 제공

키보드 등 외부 장치와의 호환성 제공을 위한 API, 정보 제공방법의 다중성을 지원하는 기능, 음성명령 기능 등

누르기 동작 지원

누르기 동작 : 화면 상의 객체를 손가락 끝으로 접촉하여 만지거나(touch) 가볍게 두드리는 (tap) 동작

두 개의 손가락을 동시에 이용해야 하는 다중 누르기(Multi-touch), 슬라이드(Slide), 끌기와 놓기(Drag and drop) 등의 복잡한 누르기 동작은 단순한 누르기 동작으로 대체하는 방법이 제공되어야 함

모바일 앱 접근성 권고사항
기본 사용자 인터페이스 컴포넌트(Native UI Component) 사용

모바일 운영체제에서 접근성에 기반을 둔 사용자 인터페이스 컴포넌트 표준 도구(대화상자, 버튼과 체크 박스, 타이틀 바 등)를 최대한 활용

기본 사용자 인터페이스 컴포넌트를 활용하면 보조기기와의 호환성 제공 용이

이런 컴포넌트를 제 3자가 심미적인 목적으로 임의로 만들어 쓰지 않는 것이 접근성 향상을 위해 바람직

충분한 간격으로 구성된 컨트롤

작은 모바일 화면 공간에서 사용자 의도와 무관한 컨트롤을 누르게 되는 문제를 피하고자 컨트롤을 충분한 간격으로 배치

모바일 기기의 화면 크기와 관계없이 컨트롤 중심 간 간격은 13mm 이상을 권장

최대한 다양한 방법으로 제공되는 알림 기능

사용자에게 알림을 제공할 때에는 진동, 시각, 소리 등 최대한 다양한 방법(감각)으로 사용자가 선택할 수 있도록 제공하는 것이 바람직

범용 폰트(Global Font)의 제공

범용 폰트란 운영체제에 내장되어 확대나 축소, 기울임 등의 변형 형태가 제공되는 글자체를 의미

고령자와 저시력자 등을 위해 폰트의 크기 조절, 확대 기능을 제공해야 함

장애인 사용자 평가

장애인의 이용 보장을 위해 장애인 사용자를 대상으로 사용자 평가 수행

참고

모바일 접근성 도구 모바일 앱 접근성 지침 전문