ARIA 접근성 가이드

WCAG 2.2 · 1. 인식의 용이성 · 1.4 구별 가능

1.4.6 명도 대비(향상)

Contrast (Enhanced)

텍스트와 텍스트 이미지는 배경과 7:1 이상(큰 텍스트는 4.5:1 이상)의 명도 대비를 가집니다.

수준 AAAWCAG 2.0

한눈에 보기

성공 기준
1.4.6 명도 대비(향상)
수준
수준 AAA
원칙
1. 인식의 용이성
지침
1.4 구별 가능
도입
WCAG 2.0

요구 사항

1.4.3과 같은 방식으로 계산하되 기준이 더 높습니다. 일반 텍스트는 7:1, 큰 텍스트(18pt 이상 또는 굵은 14pt 이상)는 4.5:1 이상이어야 합니다. 부수적인 텍스트와 로고는 마찬가지로 예외입니다.

왜 필요한가요

시력이 약 20/80 수준까지 떨어진 사용자도 보조기술 없이 읽을 수 있는 대비입니다.

도움받는 사용자

  • 저시력 사용자(화면 확대 사용자)
  • 고령자
  • 색각 이상이 있는 사용자

적용 방법

본문 텍스트는 진한 회색 이상(흰 배경 기준 #595959 정도보다 진한 색)을 사용합니다. 사용자가 고대비 테마를 선택할 수 있게 하는 방법도 있습니다.

자주 하는 실수

  • 본문에 4.5:1은 넘지만 7:1에 못 미치는 회색 글씨를 씁니다.

검사 방법

  • 대비 검사 도구로 7:1(큰 텍스트 4.5:1) 기준을 확인합니다.

참고 자료