텍스트 색상
배경 색상
대비
8.42
- 통과
작은 텍스트
WCAG AA
- 통과
큰 텍스트
WCAG AA
- 통과
작은 텍스트
WCAG AAA
- 통과
큰 텍스트
WCAG AAA
색맹 시뮬레이션
정보:
작은 텍스트: 18pt 미만. 큰 텍스트: 18pt 이상 또는 굵게 14pt 이상.
밝은 배경
인용 n. 26
게오르크 크리스토프 리히텐베르크
어두운 배경
인용 n. 26
게오르크 크리스토프 리히텐베르크
작은 텍스트
큰 텍스트
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
대비 비율의 역사
WCAG 및 접근성 표준 이해
WCAG 표준
웹 콘텐츠 접근성 지침(WCAG)은 World Wide Web Consortium(W3C)에서 개발하여 장애가 있는 사람들이 웹 콘텐츠에 더 쉽게 접근할 수 있도록 했습니다. 대비 비율 요구사항은 시각 장애가 있는 사용자가 텍스트를 읽을 수 있도록 도입되었습니다.
발전
WCAG 1.0은 1999년에 출판되어 첫 번째 대비 비율 요구사항을 수립했습니다. WCAG 2.0(2008)은 더 정확한 공식으로 이러한 표준을 개선했습니다. WCAG 2.1(2018)은 추가 성공 기준을 추가했습니다. 현재 대비 비율 공식은 인간의 시각 인지 및 색상 과학 연구를 기반으로 개발되었습니다.
왜 중요한가
적절한 대비 비율은 색맹, 저시력 사용자 또는 밝은 햇빛에서 콘텐츠를 보는 사용자를 포함하여 모든 사람이 텍스트를 읽을 수 있도록 보장합니다. 이는 웹을 전 세계 수백만 사용자에게 더 포괄적이고 접근 가능하게 만듭니다.
공식
대비 비율은 색상의 상대적 휘도를 사용하여 계산됩니다. 1:1(대비 없음)부터 21:1(최대 대비, 흰색 위의 검은색 등)까지 범위입니다. WCAG AA는 일반 텍스트에 4.5:1, 큰 텍스트에 3:1을 요구합니다. WCAG AAA는 일반 텍스트에 7:1, 큰 텍스트에 4.5:1을 요구합니다.