AI가 접근성 좋은 색상이라는데, 글자와 배경의 대비도 확인했나요?

보기 좋은 색상 조합이 대비 검사는 아닙니다. 실제로 맞닿는 글자·배경과 화면 상태별로 확인하세요.

AI에게 글자색과 배경색을 정확히 받고 ‘접근성 좋음’이라는 표기 대신 대비를 계산하세요. WCAG 2.2의 최소 대비 기준은 정해진 예외를 제외하고 일반 글자에 4.5:1, 큰 글자에 3:1 이상을 요구합니다.

예쁜 회색도 너무 흐릴 수 있습니다

W3C의 sRGB 밝기 공식으로 불투명 #999999 글자와 #FFFFFF 배경을 계산하면 약 2.85:1로 일반 글자 기준 4.5:1에 못 미칩니다. 같은 배경에서 글자색을 #595959로 바꾸면 약 7.00:1입니다. 직접 만든 색상 쌍의 로컬 계산이며 AI 디자인을 시험한 결과가 아닙니다.

색상 목록보다 맞닿는 쌍을 요청하세요

예시 입력: “본문·링크·오류 문구의 글자색과 배경색을 정확한 색상 코드로 적어줘. 마우스를 올렸을 때와 선택 상태도 포함해. 해당 쌍을 검사하기 전에는 WCAG 통과라고 말하지 마.” 예쁜 색 다섯 개만으로 어느 색끼리 겹칠지 알 수는 없습니다.

실제 화면도 확인하세요

편집자의 권고는 계산 뒤 실제 페이지를 보는 것입니다. 투명도·사진·그라데이션은 글자 뒤 배경을 바꿀 수 있습니다. 실제 나타나는 색으로 확인하고, 다른 조합의 결과를 가져다 쓰지 말고 해당 글자 크기와 상태를 보세요.

확인한 범위만 말하세요

글자 대비를 통과했다고 제품 전체의 접근성이 입증되지는 않습니다. 키보드 사용·의미 있는 이름 등 다른 조건은 따로 확인해야 합니다. 이 색상으로 제품을 감사하거나 독자의 이용 가능성을 시험하지 않았습니다.

2026년 10월 14일 발행. 불투명 sRGB 색상 두 쌍만 로컬에서 계산했습니다. AI 디자인 도구·이용자 연구·전체 접근성 감사는 수행하지 않았습니다. 법적 인증이 아닌 글자 대비 안내입니다.

출처: W3C WAI · Contrast.