글자가 놓인 자리에서 대비 검사하기
색이 조화로운지와 글자를 읽기 쉬운지는 서로 다른 문제입니다. 각 글자색을 바로 뒤의 배경색과 비교하세요.
대비율 이해하기
도구는 sRGB를 선형화하고 상대휘도 Y = 0.2126R + 0.7152G + 0.0722B를 구합니다. 대비율은 (밝은 Y + 0.05) / (어두운 Y + 0.05)입니다. 같은 색은 1:1, 검정과 흰색은 21:1입니다.
맞는 기준 적용하기
일반 텍스트 AA는 4.5:1 이상, 큰 텍스트는 3:1 이상입니다. 큰 텍스트는 약 24 CSS px 또는 굵은 글씨 약 18.67 CSS px 이상입니다. 판정에는 반올림 전 값을 쓰므로 화면에 4.50으로 보여도 실제 값이 4.5 미만이면 미달일 수 있습니다.
두 색 외의 조건 확인하기
투명한 겹침, 사진, 그라디언트, 포커스 표시, 비활성 상태는 따로 검사해야 합니다. 현재 도구는 불투명 색을 받습니다. 대비 통과만으로 전체 WCAG 적합을 뜻하지 않으며 키보드 조작과 의미 있는 이름도 중요합니다.