본문 바로가기
Spec UP - Frontend/부스트코스_UI 개발

웹 접근성_웹 애플리케이션 접근성 준수 / 웹 접근성 진단 도구

by TIS_Ha 2020. 4. 8.
반응형

웹 애플리케이션 접근성 준수

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

웹 애플리케이션이란 웹 콘텐츠에 포함되어 특정한 기능을 수행하도록 구성된 소프트웨어의 일종으로,

리치 인터넷 애플리케이션(RIA : Rich Internet Application)이라고도 합니다.

 

따라서 웹 애플리케이션에 대한 접근성 프로그래밍 인터페이스 사용을 지원한다거나 대체 수단을 제공하거나 보조 기술을 지원해야 합니다.

예를 들어, 접근성이 어려운 플래시의 경우 HTML 버전을 선택할 수 있는 대체 수단이나 대체 텍스트를 제공해야 합니다.

 

 


웹 접근성 진단 도구

Colour Contrast Analyser (CCA)

  • 전경 색과 배경색의 명도 대비를 체크해주는 프로그램
  • 현재까지 최신 버전 2.5.0
  • 명도 대비는 최소 3:1 이상이 되도록 구현

 

KWCAG a11y inspector

  • 컨트롤의 대각선 길이를 측정해주는 프로그램
  • 크롬 웹 스토어에서 설치 가능
  • 웹에서의 컨트롤 크기는 대각선 6mm 이상으로 구현

 

OpenWAX

  • 접근성을 자동으로 진단해주는 프로그램
  • 크롬 웹 스토어에서 설치 가능
  • 자동 진단이 정확하지는 않아 수동 진단 병행 필요

 

W3C Validation

  • 웹 표준을 검사하는 사이트
  • 접근성 오류, 특히 마크업 오류 확인 시 많이 사용

https://chrome.google.com/webstore/detail/kwcag-a11y-inspector/ngcmkfaolkgkjbddhjnhgoekgaamjibo?hl=ko

 

kwcag a11y inspector

kwcag 2.1.3 test

chrome.google.com

 

반응형

'Spec UP - Frontend > 부스트코스_UI 개발' 카테고리의 다른 글

웹 접근성_스크린리더  (0) 2020.04.08
웹 접근성_마크업 오류 방지  (0) 2020.04.08
웹 접근성_오류 정정  (0) 2020.04.01
웹 접근성_레이블 제공  (0) 2020.04.01
웹 접근성_표의 구성  (0) 2020.04.01

댓글