웹 접근성이란?

장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것

접근성이 중요한 이유

• 법적 준수

  • 우리나라를 포함한 여러 국가에서 접근성 표준 준수를 법으로 지정함
  • 미국: ADA(미국 장애인법)
  • 유럽: EN 301 549 표준
  • 한국: 장애인차별금지법 및 정보통신접근성 지침
  • http://www.kwacc.or.kr/Accessibility/Law

  

• 사용자 확장

  • 시,청각 장애인, 고령 사용자, 저성능 기기등을 사용하는 사용자등 더 많은 사람이 웹서비스를 이용할 수 있게 됨

• SEO최적화

  • 검색엔진에서 웹사이트를 색인화하기 쉬워짐

웹 접근성 원칙(POUR)

• Preceivable : 인지 가능해야 한다.

  • 사용자는 텍스트, 이미지, 영상등 컨텐츠를 시각, 청각 or 보조 기술을 통해 이해 가능해야 한다
  • ex)

    • img태그의 alt 추가

    • 영상 컨텐츠의 자막 제공

    • 텍스트 대비를 고려한 읽기 쉬운 디자인 제공

      • 텍스트, 배경간 명도 대비는 4.5:1 이상

      https://webaim.org/resources/contrastchecker/

• Operable : 작동 가능해야 한다.

  • 모든 컨텐츠와 인터페이스는 키보드 or 보조기기를 통해 작동 가능해야 한다.

  • ex)

    • 키보드만 이용해서 모든 기능을 사용
      • 붓질, 시뮬레이션 등등 마우스 커서 궤적으로 이루어 지는 컨텐츠, 움직임 측정 센서를 이용한 컨텐츠는 제외
    • 애니메이션 멈추기

    

    • input과 button의 컨트롤은 개별적으로 조작할 수 있는 충분한 크기(대각선 방향 6mm이상)와 여백을 두고 제공되어야 한다

• UnderStandable : 이해 가능해야 한다
  • 사용자는 컨텐츠와 인터페이스 동작 방식을 이해할 수 있어야 한다.
  • ex)
    • 직관적인 레이블 제공
    • 폼 에러 발생시 에러 원인을 제공
• Robust : 견고해야 한다
  • 여러 브라우저, 기기 등에서 컨텐츠가 일관되게 작동해야 한다.
  • ex)
    • HTML5 표준 준수

적용 사례

• 대체 텍스트

<img src="cat.jpg" alt="창 밖을 바라보는 회색 고양이">
// 고양이 x
// 빈 텍스트 x