Goals

  • 웹 접근성이 무엇인지
  • 웹에 관련된 장애가 어떤 것인지 이해
  • 접근성 있는 인터페이스 디자인의 4가지 원칙 소개

웹 접근성 코디네이터는 무엇을 할까?

  • 정책 가이드와 구매 결정에 도움
  • 접근성을 위한 웹 인터페이스 평가
  • 온라인 인프라에 접근하는 장애를 지원
  • 변화하는 기술에 맞춤

5명중 한명은 가지는 장애

  • visual issues
  • hearing issues
  • motor issues
  • cognitive issues

Visual Disabilities

  • blindness, low-vision, color-blindness
  • 8백만명은 보통 뉴스도 읽기 힘들다.
  • font-size, color-contrast, font-style을 어떻게 해야하나?

Hearing Disabilities

  • 완전히 못듣는 것
  • 8백만명은 일상 대화에서 듣는게 힘들다.
  • video가 closed-captioning을 포함하고 있나?
  • music을 크게 틀고 있나?

Motor Disabilities

  • 마우스나 키보드는 사용 못함, 느린 반응 속도, 제한된 모터 컨트롤
  • 손재주 issue – 8백만명은 팔이나 손을 사용하는 데 어려움이 있다.
  • 페이지에서 “tab”을 시도할 때 무슨일이 발생하는 가?
  • 흔들림 없는 손을 요구 하는가?

Cognitive Disabilities

  • 기억 못하거나 많은 정보에 집중 못하는 것
  • 1600만명은 ADD/ADHD 를 가지고 있다.
  • Cognitive Disabilities의 수는 물리적이고 지각하는 장애를 합친것 보다 수가 많다.

웹은 불편한 사람을 위한 많은 기회를 제공한다.

  • Education
  • News
  • Commerce
  • Social

Legal

  • DOJ는 주 및 지방 기관의 온라인 자원을 포함하도록 ADA의 제목 2와 3을 수정하는 중이다.
  • 사례법 – 개인 또는 단체가 민권 민원을 제기할 수 있음

웹 접근성이 무엇인가?

  • 폭 넓게 웹에 접근하도록 만드는 것
  • 유저는 Temporarily Able-Bodied(TABs) 유저를 포함
  • 현재, 온라인 인프라는 불편한 사람들에게는 힘들다
  • SEO, mobile, 사용성과는 뗄 수 없다
  • 접근성을 달성하는 가장 좋은 방법은 표준을 고수하는 것

W3C WCAG 2.0

  • W3C Web Content Accessibility Guidelines는 기술에 기반한 게 아니라 원칙
  • 4가지 원칙 (POUR)
    • Perceivable : 지각할 수 있는
    • Operable : 동작할 수 있는
    • Understandable : 이해할 수 있는
    • Robust : 강건한

Review

  • 접근성 디자인은 많은 사람들이 할 수 있도록 하는 권한
  • 표준을 고수하는 것이 핵심
  • HTML5 태그 뒤에 있는 의미에 각별히 주의

HTML5 접근성 테스트 – https://www.html5accessibility.com/

공부 위치 – https://www.coursera.org/learn/html/supplement/cl13m/does-your-browser-support-accessibility