웹 접근성(WCAG 2.1) 색상 대비 자동 진단기
전경색/배경색 HEX 조합에 대해 WCAG 2.1 AA/AAA 텍스트 접근성 대비율(예: 4.5:1) 진단 및 추천
텍스트 색상과 배경 색상의 HEX 코드를 입력하면 WCAG 2.1 상대 휘도 공식에 따른 명암 대비율(Ratio)을 계산하고 AA/AAA 통과 여부를 진단합니다. 별도의 프로그램 설치나 복잡한 회원가입 없이 웹 브라우저에서 즉시 실행되며, 입력한 데이터는 외부 서버로 유출되지 않고 안전하게 로컬 환경에서 처리됩니다.
도구를 불러오는 중…
🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.
사용 방법
- 텍스트 전경색과 배경색 HEX 코드를 고릅니다.
- 대비율(예: 4.5:1 이상) 및 WCAG AA/AAA 통과 판단을 확인합니다.
- 도출된 결과 데이터를 확인한 후 클립보드에 복사하거나 파일로 저장해 사용합니다.
자주 묻는 질문
- WCAG AA 기준은 몇 대 몇인가요?
- 일반 텍스트 기준 4.5:1 이상, 큰 텍스트(18pt 이상) 기준 3.0:1 이상이어야 AA 기준을 만족합니다.
- AAA 등급은 AA와 무엇이 다른가요?
- AAA는 더 엄격한 기준으로, 일반 텍스트는 7:1 이상, 큰 텍스트는 4.5:1 이상의 대비율을 요구하며 주로 공공기관·금융 사이트에서 권장됩니다.
- 로고나 장식용 이미지도 이 기준을 지켜야 하나요?
- 아니요, WCAG 대비 기준은 본문 텍스트와 UI 컴포넌트에 적용되며 로고, 순수 장식 요소, 비활성화된 텍스트는 예외로 취급됩니다.