Design/A11Y

웹접근성 진단 도구

디쟈이너 2021. 3. 22. 19:25

웹 접근성이 제대로 지켜졌는지 테스트할 수 있는 다양한 도구들을 안내한다.

 

Colour Contrast Analyser (CCA)

  • 다운로드 사이트 바로가기
  • 스포이드로 찍어서 전경 색과 배경색의 명도 대비를 체크해주는 프로그램
  • 명도 대비는 확대 가능한 브라우저에서 최소 3:1 이상이 되도록 구현

KWCAG a11y inspector

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

OpenWAX

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

Accessibility Insights for Web

  • 크롬 웹스토어 바로가기
  • 가장 활발하게 사용되고 있는것 같은 프로그램
  • 크롬 웹 스토어에서 설치 가능
  • 표시된 영역을 클릭하면 어떤 지침을 준수해야하는지 WACG 가이드로 이동할 수 있다
반응형