Overview

  • content는 HTML 안에 있어야 한다.
  • content에 color나 이미지를 추가하고 싶어진다.
  • POUR 가이드라인을 따르라
    • Perceivable, Operable, Understanable, Robust

Perceivable

  • 이미지에는 alternative (alt) 텍스트를 제공하라
    • 이미지 자체로는 완벽한 정보를 전달할 수 없다.
  • 비디오나 오디오를 위한 caption하고 대본을 제공하라
    • 모두가 자유롭게 접근할 수 없다.
  • 정확한 의미의 markup을 사용해서 content를 다른 길로 제시할 수 있다.
  • 좋은 color contras를 사용해서 유저가 content를 보기 쉽게 해라

Operable

  • 키보드로 모든 기능을 이용할 수 있다.
  • 유저는 타이밍과 제한을 조절할 수 있다.
  • 발작을 야기하지 마라 (번쩍이는 content 하지마라)
  • 유저가 content를 찾고 어디에 있을지 결정하도록 도울 수 있는 방법을 제공하라

Understandable

  • 경제적이고 평평한 언어를 사용하라
  • 일러스트나 비디오나 적절한 다른것과 함께 텍스트를 보충해라
  • 네비나 정보 구조는 식별할 수 있고 일관된다.
  • 페이지가 예상대로 동작하도록 해라
  • 사용자가 오류를 방지하고 수정할 수 있도록 지원

Robust

  • 다양한 환경에서 동작하는가?
    (스마트폰, 랩탑, 스크린 리더,…)
  • 시각적으로 보이지 않는 문법 에러는 기술 지원과 접근성 도구를 방해한다.
  • W3C 표준을 고수하는 것은 향후 호환성을 확신한다.
  • 코드 확인 – https://validator.w3.org/ , https://wave.webaim.org/

Review

  • 접근성은 적절한 HTML 태그로 시작한다.
  • 스타일링은 사람들이 정보를 접근하는 데 어려움을 만들 수 있다.
  • 접근성 도구를 이용하는 습관을 가져라.
  • 새로운 스타일은 접근성의 비용이 되어선 안된다.