Web 접근성(Web Accessibility)

Goofi·2023년 9월 13일

Web 접근성(Web Accessibility)

웹 사이트에서 제공하는 정보를 차별 및 제한 없이 동등하게 이용할 수 있도록 보장하는 것

  • 장애인 및 고령자 등을 포함한 모든 사람
  • 다양한 플랫폼 및 장치, 웹 브라우저 등의 모든 환경

스크린리더

스크린 리더는 스스로 웹페이지의 내용을 분석하지 못한다. 만일 로그인 페이지일 경우, 이 로그인 페이지의 디자인을 '로그인'이라는 텍스트 대신 로그인 이미지를 사용할 경우 스크린 리더는 이를 인식하지 못하여 시각 장애인이 홈페이지를 이용할 수 없게 되는 차별이 일어난다. 따라서 이미지 대신 소스코드에 내용을 그대로 담는 것이 권장된다. 부득이하게 이미지를 사용할 경우 반드시 이미지가 어떤 내용인지 아래와 같이 alt 속성을 통해 설명을 추가 해야 한다.

해결방법

<img src = "img/login.png" alt="로그인" />

웹 접근성을 준수하는 방법

웹 접근성은 모든 사람이 인터넷을 이용할 수 있는 공간을 만들기 위한 중요한 요소이다. 따라서, 웹 개발자는 웹 접근성을 고려하여 웹 사이트를 구축하고, 이를 통해 모든 사용자들이 웹 사이트를 쉽게 이용할 수 있도록 노력해야 한다.

1. 시각적 요소 처리

시각 장애인은 이미지, 비디오, 그래픽 등을 인식할 수 없다. 따라서 대체 텍스트, 적절한 색상 대비, 텍스트 크기 등을 고려하여 시각적 요소를 처리해야 한다.

2. 청각적 요소 처리

청각 장애인은 오디오 콘텐츠를 이해할 수 없다. 따라서, 자막, 수화, 오디오 설명 등을 제공하여 청각적 요소를 처리해야 한다.

3. 키보드 접근성

지체 장애인은 마우스를 사용하지 못하므로 키보드를 통해 웹 사이트를 이용해야 한다. 따라서, 키보드만으로 웹 사이트를 이용할 수 있도록 구현해야 한다.

4. 웹 접근성 검사

웹 사이트를 구축할 때, WCAG 준수 여부를 검사하여 웹 접근성을 확보할 수 있다.

웹 접근성 준수 시 기대 효과

웹은 원래부터 사용자의 환경이나 사용하는 기기, 운영체제에 가능한 한 영향을 받지 않고 웹이 제공하는 정보를 사용자에게 전달하고자 하는 목적에서 만들어진 정보 전달 체계이다.
그러나, 국내 웹의 현실은 특정 기기나 운영체제에만 최적화 되어 있다.
웹 접근성은 누군가에게 직접적으로 피부에 와 닿는 생활의 일부이다. 이러한 정보의 격차를 줄이고 모두 함께 공유할 수 있는 웹 세상을 만드는 것이 웹 접근성의 궁극적인 목표라 할 수 있다.

웹 접근성 보장 수준 향상 해결책

1️⃣ 장애인, 고령자 등을 포함한 사용자층 확대
2️⃣ 규정과 법적 요구 사항에 대한
3️⃣ 다양한 환경, 새로운 기기에서의 이용
4️⃣ 개발 및 운용의 효율성 제고
5️⃣ 사회 공헌 및 복지 기업으로서의 기업 이미지 향상

웹 접근성을 위해 사용되는 보조기기에는 자막, 스크린리더, 자동완성 기능, 마우스스틱, 색상 대비 디자인 등이 있다.

웹 콘텐츠 접근성 지침(WCAG) 등장 배경

W3C(World Wide Web Consortium)

  • 웹의 표준화 관련 국제 기구
  • 1990년대 중반 이후 폭발적으로 성장한 웹 서비스에서 장애인 접근성에 관련된 문제 발생
    → 1997년 WAI(웹 접근성 이니셔티) 단체 설립

WAI(Web Accessibility Initiative;웹 접근성 이니셔티)

WAI는 시각·청각 기능 등에 장애를 지닌 사람도 일반인과 동등하게 웹에 접근하여 이용할 수 있도록 관련 지침을 개발하고 웹 접근성 향상을 위한 노력을 기울이는 W3C의 산하 단체

WAI의 웹 콘텐츠 접근성 지침

  • 인지성
  • 운용성
  • 이해성
  • 견고성
profile
안녕하세요! 👋 개발과 운영을 공부하고 있습니다. 코드를 작성하는 것만큼 서비스가 안정적으로 운영되는 것에도 관심이 많습니다. 프론트엔드부터 백엔드, 그리고 인프라 운영까지 전체적인 서비스 생명주기를 이해하면서 공부하고 있습니다.

0개의 댓글