색 대비: 반올림한 4.5가 기준을 충족하지 못하는 이유
반올림 전 sRGB 대비율을 비교하고 두 색상 검사와 전체 인터페이스의 접근성을 구분합니다.
계산 방법
대비는 문자와 실제 배경 사이의 상대 휘도 차이를 나타냅니다. 배지 안에 실제로 칠해진 두 색을 확인하세요. 주변 결과 패널이 어두워도 밝은 배지 위에 흐린 글자를 쓰면 읽기 어려울 수 있습니다.
불투명 sRGB 색상은 빨강·초록·파랑 채널을 정규화하고 선형화한 뒤 상대 휘도를 구합니다. 밝은 색의 휘도에 0.05를 더한 값을 어두운 색의 휘도에 0.05를 더한 값으로 나눕니다. 검정과 흰색은 21:1, 같은 색은 1:1입니다.
흰 배경의 RGB 119,119,119는 약 4.478089:1이고 RGB 118,118,118은 약 4.542225:1입니다. 소수 첫째 자리까지 반올림하면 둘 다 4.5로 표시될 수 있지만, 일반 텍스트의 AA 기준인 4.5:1을 충족하는 것은 두 번째뿐입니다. 판단에는 반올림 전 값을 사용하세요.
데이터 보기
- RGB 119,119,119
- 4.478089 :1 4.478089… < 4.5
- RGB 118,118,118
- 4.542225 :1 4.542224… > 4.5
계산 예시
흰 배경의 RGB 119,119,119는 약 4.478089:1이고 RGB 118,118,118은 약 4.542225:1입니다. 소수 첫째 자리까지 반올림하면 둘 다 4.5로 표시될 수 있지만, 일반 텍스트의 AA 기준인 4.5:1을 충족하는 것은 두 번째뿐입니다. 판단에는 반올림 전 값을 사용하세요.
크기와 굵기 정의를 충족하는 큰 텍스트의 AA 기준은 3:1입니다. 배지가 넓다고 글자도 큰 것은 아닙니다. 일반 텍스트의 AAA 기준은 7:1입니다. 통과 여부를 해석하기 전에 적용할 텍스트 범주부터 확인하세요.
L = 0.2126 R + 0.7152 G + 0.0722 B (linear sRGB)
contrast = (lighter L + 0.05) / (darker L + 0.05)
RGB(119,119,119) on white ≈ 4.478089 : 1
RGB(118,118,118) on white ≈ 4.542225 : 1
두 색상의 결과가 전체 페이지의 접근성을 인증하지는 않습니다. 포인터, 초점, 오류, 비활성 상태, 두 테마, 투명도, 그라데이션과 배경 이미지를 점검하세요. 글자 크기, 키보드 조작, 비텍스트 표시도 확인하고 색상만으로 의미를 전달하지 않도록 명확한 라벨을 함께 사용하세요.
데이터 보기
- RGB 119,119,119
- #777777
- RGB 255,255,255
- #FFFFFF
- 결과
- 4.478089 : 1
확인 사항과 한계
두 색상의 결과가 전체 페이지의 접근성을 인증하지는 않습니다. 포인터, 초점, 오류, 비활성 상태, 두 테마, 투명도, 그라데이션과 배경 이미지를 점검하세요. 글자 크기, 키보드 조작, 비텍스트 표시도 확인하고 색상만으로 의미를 전달하지 않도록 명확한 라벨을 함께 사용하세요.