명도 대비 검사

사용 방법

1. 한 줄에 한 쌍씩 #333 on #fff 처럼 입력합니다. 쉼표든 슬래시든 공백이든 됩니다.
2. 색을 하나만 적으면 위에서 지정한 배경색과 비교합니다.
3. 먼저 비율을 보세요. 나머지는 모두 거기서 나옵니다.
4. 본문이라면 넘어야 할 숫자는 4.5 입니다.

자주 묻는 질문

AA 와 AAA 는 구체적으로 무엇을 요구하나요?

AA 는 본문에 4.5대1, 큰 글자에 3대1을 요구합니다. 큰 글자란 24px, 또는 굵은 18.66px 이상입니다. AAA 는 각각 7대1과 4.5대1. 테두리·아이콘·입력란의 경계는 3대1입니다.

이 회색이 떨어지는 이유는요?

흰 바탕의 #777 은 4.48대1 로 AA 에 0.02 모자랍니다. 흔한 아슬아슬한 실패이고 사람들이 굳이 확인하는 이유이기도 합니다. 고른 본인에게는 멀쩡해 보이고 상당수의 사람에게는 실제로 읽기 어렵습니다. #757575 면 통과합니다.

어느 색을 먼저 쓰는지가 영향을 주나요?

주지 않습니다. 비율은 대칭이라 글자색과 배경색을 바꿔 써도 같은 숫자가 나옵니다.

비율이 통과하면 접근성이 확보된 건가요?

아닙니다. 대비는 여러 요건 중 하나일 뿐이고, 포커스 표시, 누를 수 있는 크기, 움직임, 색만으로 뜻을 전하고 있지는 않은지에 대해서는 아무 말도 하지 않습니다. 최저선이지 합격 판정이 아닙니다.

입력한 내용이 어디로 전송되나요?

아니요. 브라우저 안에서 동작하므로 붙여넣은 내용은 내 컴퓨터를 떠나지 않습니다.