웹 접근성 개요
웹은 원래부터 사용자의 환경이나 사용하는 기기, 운영체제에 가능한 영향을 받지 않고 웹이 제공하는 정보를 사용자에게 전달하고자 하는 목적에서 만들어진 정보 전달 체계이다. 따라서, 웹 접근성은 새롭게 대두되는 것이 아니라 당연히 가져야 할 개념이라고 볼 수 있다.
그러나 최근의 웹의 현질은 웹의 기본적이고 중요한 목적을 무시하고 특정 기기 또는 운영체제에만 최적화되어 있는 경우가 많았다. 특히나 노약자 또는 장애인 등은 정보화의 혜택이 필요한 계층임에도 불구하고 국내의 웹 환경으로 부터 소외되고 있다.
이러한 상황은 웹이 생활 속에 파고든 현 시점에서 커다란 문제점으로 제기되고 있는 것이다. 따라서, 이번에는 웹 접근성에 대해서 자세히 알아보는 시간을 가져보려고 한다.
웹 접근성이란?
웹 접근성은 신체적, 환경적 제약에 구애받지 않고 이용자가 웹 사이트에 접근할 수 있도록 만들어주는 것을 말한다.
1. 인식의 용이성 (Perceivable)
인식의 용이성은 사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 모든 콘텐츠를 동등하게 인식할 수 있도록 제공하는 것을 의미한다.
인식의 용이성은 대체 텍스트, 멀티미디어 대체 수단, 명료성의 3 가지 지침으로 구성되어 있다.
- 대체 텍스트
- 텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.
- 멀티미디어 대체 수단
- 멀티미디어 콘텐츠를 장애인도 비장애인과 동등하게 인식할 수 있도록 제작하기 위해서는 자막, 대본 또는 수화를 제공해야 한다.
- 여기서 가장 중요한 요소는 멀티미디어 콘텐츠와 동등한 내용을 제공하는 것이다.
- 명료성
- 콘텐츠는 색에 관계없이 인식될 수 있도록 하고, 강조를 위해서만 사용해야 한다.
- 지시 사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있도록 해야 한다.
- 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다.
- 자동으로 소리가 재생되지 않아야 한다.
- 이웃한 콘텐츠는 구별될 수 있어야 한다.
2. 운용의 용이성 (Operable)
운용의 용이성은 사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 모든 기능들을 운용할 수 있도록 제공하는 것을 의미한다.
운용의 용이성은 입력장치 접근성, 충분한 시간 제공, 광과민성 발작 예방, 쉬운 내비게이션의 4 가지 지침으로 구성되어 있다.
- 입력장치 접근성
- 모든 기능은 키보드만으로도 사용할 수 있어야 한다.
- 키보드에 의한 초점은 논리적으로 이동해야 하며, 시각적으로 구별할 수 있어야 한다.
- 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다.
- 충분한 시간 제공
- 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다.
- 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.
- 광과민성 발작 예방
- 초당 3~50 회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다.
- 쉬운 네비게이션
- 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.
- 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
- 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.
3. 이해의 용이성 (Understandable)
이해의 용이성은 사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 콘텐츠를 이해할 수 있도록 제공하는 것을 의미한다.
이해의 용이성은 가독성, 예측 가능성, 콘텐츠의 논리성, 입력 도움의 4 가지 지침으로 구성되어 있다.
- 가독성
- 주로 사용하는 언어를 명시해야 한다.
- 예측 가능성
- 사용자가 의도하지 않은 기능은 실행되지 않아야 한다.
- 콘텐츠의 논리성
- 콘텐츠는 논리적인 순서로 제공해야 한다.
- 표는 이해하기 쉽게 구성해야 한다.
- 입력 도움
- 사용자 입력에는 대응하는 레이블을 제공해야 한다.
- 입력 오류를 정정할 수 있는 방법을 제공해야 한다
4. 견고성 (Robust)
견고성은 사용자가 콘텐츠를 이용할 수 있도록 기술에 영향을 받지 않아야 함을 의미한다.
견고성은 문법 준수, 웹 애플리케이션 접근성의 2가지 지침으로 구성되어 있다.
- 문법 준수
- 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.
- 웹 애플리케이션 접근성
- 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.
5. 기대 효과
- 노약자, 장애인 등을 포함한 사용층 확대
- 정보 소외 계층을 타깃으로 이끌면서, 새로운 고객층을 발굴하는 기회로 활용할 수 있다.
- 다양한 환경, 새로운 기기에서의 호환성 증가
- 조작이 어려운 장소에서의 접근 가능성, 다양한 기기에서의 호환성을 증대시킬 수 있다.
- 기획 및 제작 단계부터 고려 시, 개발 및 운용의 효율성 증대
- 다양한 환경을 고려하여 진행되기 때문에 효율성을 높일 수 있다.
- 사회 공헌 및 복지 기업으로서의 기업 이미지 향상
- 기업의 사회적 책임이 주목받고 있는 시점에서 기업으로서의 이미지 향상을 달성할 수 있다.
Reference
'Tech' 카테고리의 다른 글
[Tech] CORS (Cross-origin Resource Sharing) 정책 (0) | 2022.03.15 |
---|---|
[Tech] AWS EC2 Instance ping test 해보기 (0) | 2022.01.18 |
[Tech] 로그인 인증 - 토큰 방식(JWT) (0) | 2021.09.14 |
[Tech] 로그인 인증 - 세션과 쿠키 (0) | 2021.09.14 |
[Tech] Javascript 웹 스크래퍼 : Puppeteer 사용해보기 (0) | 2021.08.20 |