Tech

[Tech] 웹 접근성

lonnie(동현) 2022. 1. 11. 19:58

웹 접근성 개요

 웹은 원래부터 사용자의 환경이나 사용하는 기기, 운영체제에 가능한 영향을 받지 않고 웹이 제공하는 정보를 사용자에게 전달하고자 하는 목적에서 만들어진 정보 전달 체계이다. 따라서, 웹 접근성은 새롭게 대두되는 것이 아니라 당연히 가져야 할 개념이라고 볼 수 있다.

 그러나 최근의 웹의 현질은 웹의 기본적이고 중요한 목적을 무시하고 특정 기기 또는 운영체제에만  최적화되어 있는 경우가 많았다. 특히나 노약자 또는 장애인 등은 정보화의 혜택이 필요한 계층임에도 불구하고 국내의 웹 환경으로 부터 소외되고 있다.  

 이러한 상황은 웹이 생활 속에 파고든 현 시점에서 커다란 문제점으로 제기되고 있는 것이다. 따라서, 이번에는 웹 접근성에 대해서 자세히 알아보는 시간을 가져보려고 한다.

웹 접근성이란?

 웹 접근성은 신체적, 환경적 제약에 구애받지 않고 이용자가 웹 사이트에 접근할 수 있도록 만들어주는 것을 말한다. 

1. 인식의 용이성 (Perceivable)

 인식의 용이성은 사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 모든 콘텐츠를 동등하게 인식할 수 있도록 제공하는 것을 의미한다.

 인식의 용이성은 대체 텍스트, 멀티미디어 대체 수단, 명료성의 3 가지 지침으로 구성되어 있다.

  • 대체 텍스트
    • 텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.
  • 멀티미디어 대체 수단
    • 멀티미디어 콘텐츠를 장애인도 비장애인과 동등하게 인식할 수 있도록 제작하기 위해서는 자막, 대본 또는 수화를 제공해야 한다.
    • 여기서 가장 중요한 요소는 멀티미디어 콘텐츠와 동등한 내용을 제공하는 것이다.
  • 명료성
    • 콘텐츠는 색에 관계없이 인식될 수 있도록 하고, 강조를 위해서만 사용해야 한다.
    • 지시 사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있도록 해야 한다.
    • 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다.
    • 자동으로 소리가 재생되지 않아야 한다.
    • 이웃한 콘텐츠는 구별될 수 있어야 한다.

2. 운용의 용이성 (Operable)

 운용의 용이성은 사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 모든 기능들을 운용할 수 있도록 제공하는 것을 의미한다.

 운용의 용이성은 입력장치 접근성, 충분한 시간 제공, 광과민성 발작 예방, 쉬운 내비게이션의 4 가지 지침으로 구성되어 있다.

  • 입력장치 접근성
    • 모든 기능은 키보드만으로도 사용할 수 있어야 한다.
    • 키보드에 의한 초점은 논리적으로 이동해야 하며, 시각적으로 구별할 수 있어야 한다.
    • 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다.
  • 충분한 시간 제공
    • 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다.
    • 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.
  • 광과민성 발작 예방
    • 초당 3~50 회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다.
  • 쉬운 네비게이션
    • 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.
    • 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
    • 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.

3. 이해의 용이성 (Understandable)

 이해의 용이성은 사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 콘텐츠를 이해할 수 있도록 제공하는 것을 의미한다.

 이해의 용이성은 가독성, 예측 가능성, 콘텐츠의 논리성, 입력 도움의 4 가지 지침으로 구성되어 있다.

  • 가독성
    • 주로 사용하는 언어를 명시해야 한다.
  • 예측 가능성
    • 사용자가 의도하지 않은 기능은 실행되지 않아야 한다.
  • 콘텐츠의 논리성
    • 콘텐츠는 논리적인 순서로 제공해야 한다.
    • 표는 이해하기 쉽게 구성해야 한다.
  • 입력 도움
    • 사용자 입력에는 대응하는 레이블을 제공해야 한다.
    • 입력 오류를 정정할 수 있는 방법을 제공해야 한다

4. 견고성 (Robust)

 견고성은 사용자가 콘텐츠를 이용할 수 있도록 기술에 영향을 받지 않아야 함을 의미한다.

 견고성은 문법 준수, 웹 애플리케이션 접근성의 2가지 지침으로 구성되어 있다.

  • 문법 준수
    • 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.
  • 웹 애플리케이션 접근성
    • 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.

5. 기대 효과

  • 노약자, 장애인 등을 포함한 사용층 확대
    • 정보 소외 계층을 타깃으로 이끌면서, 새로운 고객층을 발굴하는 기회로 활용할 수 있다.
  • 다양한 환경, 새로운 기기에서의 호환성 증가
    • 조작이 어려운 장소에서의 접근 가능성, 다양한 기기에서의 호환성을 증대시킬 수 있다.
  • 기획 및 제작 단계부터 고려 시, 개발 및 운용의 효율성 증대
    •  다양한 환경을 고려하여 진행되기 때문에 효율성을 높일 수 있다.
  • 사회 공헌 및 복지 기업으로서의 기업 이미지 향상
    •  기업의 사회적 책임이 주목받고 있는 시점에서 기업으로서의 이미지 향상을 달성할 수 있다.

  Reference

728x90
반응형