웹 접근성 (Web Accessibility)

오민영·2023년 2월 9일
0

HTML

목록 보기
2/9

웹 접근성이란

  • 보편적인 사용자 외에 신체적인 불편함이 있거나, 고령자, 혹은 다양한 디바이스 환경이나 운영체제에서 사용하는 사용자가 어려운 없이 접근이 가능하고 쉽게 이용할 수 있도록 서비스를 제공하는 것을 접근성 이라고 한다.

  • 사용자의 신체적 특성이나 지역, 지식의 정도, 기술, 기술적 환경, 체험 등과 같은 사항에 제한되지 않고 가능한 많은 사용자가 불편함 없이 접근하고, 이용할 수 있는 제품 혹은 서비스를 만들고 이를 평가할 때 쓰이는 용어이다.

  • 즉, 어떠한 사용자(일반인, 장애인, 고령자)가 어떠한 환경(브라우저, 운영체제, 디바이스의 환경이나 사양)에서도 어려움 없이 접근, 이용할 수 있는 것을 접근성이라고 한다.

다양한 사용자 유형

접근성의 중요도

  • 접근성을 준수한 웹 페이지는 사용자에게 만족도와 편의성을 향상 시킬 수 있고, 이런 관점에서 브랜드 이미지를 긍정적으로 보여줄 수 있다.

  • 웹은 교육, 고용, 정부, 상업, 의료, 레크레이션 등 삶의 많은 측면에서 중요한 자원으로 자리잡고 있다.

  • 다양한 능력과 환경에 있는 사람들에게 동등한 컨디션과 동등한 기회를 제공하기 위해서는 웹 접근성을 중요하게 생각해야 한다.

웹 접근성 지침(요약)

인식의 용이성

  • 모든 콘텐츠는 사용자가 인식할 수 있어야 한다.
  1. (대체 텍스트) 대체 텍스트 제공

    • 텍스트가 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다.

    • 🌟 Image Replacement

  2. (멀티미디어 대체 수단) 멀티 미디어 대체 수단

    • 동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도록 대체 수단을 제공해야 한다.

      • 자만, 원고, 수화 등 제공
  3. (명료성) 명료성

    • 콘텐츠는 명확하게 전달되어야 한다.

      • 색에 관계 없이 인식되어야 한다.

        • 밑줄, 굵은 글씩체, 이탤릭체, 글자 크기 제공
      • 지시 사항은 모양, 크기, 위치, 방향, 색, 소리에 관계없이 인식되어야 한다.

      • 텍스트와 배경 간의 명도 대비는 4.5 : 1 이상이어야 한다.

      • 텍스트 크기가 18pt 이상

      • 자동으로 생성되는 배경음을 사용하지 않는다.

운용의 용이성

  • 사용자 인터페이스(UI Interface) 구성 요소는 조작 가능하고, 네비게이션 할 수 있어야 한다.
  1. (키보드 접근성) 모든 컨텐츠는 키보드로도 조작이 가능해야 한다.

    • 많은 사용자들이 웹을 이용할 때 마우스를 사용하지 않고, 키보드로 조작을 하기도 한다.

    • 마우스로 조작이 가능한 모든 액션은 키보드로도 조작이 가능해야 한다.

      • tab이 논리적인 순서로 접근 가능해야 한다.
  2. (충분한 시간 제공) 컨텐츠를 읽고 사용하는데 충분한 시간을 제공한다.

    • 시간 제한이 있는 콘텐츠는 응답시간 조절이 필요하다.

    • 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.

  3. (광과민성 발작 예방) 발작이나 다른 신체 반응을 일으키는 콘텐츠를 제공하지 않는다.

    • 깜빡임의 주기와 크기, 변화의 정도에 따라 광과민성 증후군이 있는 사용자에게 발작이나 졸도 등을 유발할 수 있으므로 깜빡이는 콘텐츠의 사용에 유의하여야 한다. (명도 대비나 채도 대비가 큰 화면이 주파수 초당 3~50회 이상으로 깜박 거리는 경우)
  4. (쉬운 내비게이션) 콘텐츠는 쉽게 네비게이션 할 수 있어야 한다.

    • 반복영역 건너뛰기

    • 제목 제공

      • 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
    • 적절한 링크 텍스트

      • 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.

이해의 용이성

  • 콘텐츠는 이해할 수 있어야 한다.
  1. (가독성) 콘텐츠는 읽고 이해하기 쉬워야 한다.

    • 주로 사용하는 언어를 명시해야 한다.
  2. (예측 가능성) 콘텐츠의 기능과 실행 결과는 예측이 가능해야 한다.

    • 사용자가 의도하지 않은 기능은 실행되지 않아야 한다.
  3. (콘텐츠의 논리성) 콘텐츠는 논리적으로 구성해야 한다.

    • 콘텐츠는 논리적인 순서로 제공해야 한다.

    • 표는 이해하기 쉽게 구성해야 한다.

  4. (입력 도움) 입력 오류를 방지하거나 정정할 수 있어야 한다.

    • 입력 서식에는 대응하는 레이블을 제공 해야 한다.

    • 입력 오류를 정정할 수 있는 방법을 제공 해야 한다.

견고성

  • 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 한다.
  1. (문법 준수) 웹 콘텐츠는 마크업 언어의 문법을 준수해야 한다.

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

    • 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.

Reference

profile
이것저것 정리하는 공간

0개의 댓글