Sofia Emelianova
저대비 텍스트는 웹에서 가장 큰 접근성 문제입니다. 2022년 2월 기준 상위 100만 개 홈페이지 중 83.9% 에 이 문제가 있었습니다. 자세한 내용은 WebAIM Million 2022 보고서를 참고하세요.
Chrome DevTools를 사용하면 모든 대비 문제를 한눈에 파악하고 버튼 클릭 한 번으로 수정할 수 있습니다.
동영상을 시청하여 다음 작업을 수행하는 방법을 알아보세요.
검사기 모드의 도움말에서 대비율을 확인하고 색상 선택 도구에서 권장 비율 값을 확인합니다.
색상 선택 도구에서 추천 색상을 선택하거나 대비율 선 아래의 색상을 선택하여 WebAIM 가이드라인을 준수합니다.
CSS 개요 및 (미리보기) 문제 패널에서 모든 대비 문제를 확인합니다.
시각 장애를 에뮬레이션하여 모든 사용자에게 페이지가 어떻게 표시되는지 알아보세요.
실습형 학습 환경을 확인하려면 웹사이트 가독성 개선 튜토리얼을 참고하세요.
자세한 내용은 다음을 참고하세요.
- 색상 및 대비 접근성
- WebAIM 가이드라인
- 접근성의 색상 및 대비 모듈 알아보기
- 접근성에 대해 전반적으로 알아보기