Contrast Checker – WCAG 2.2 AA & AAA

페이지에서 읽기 어려운 글자를 찾아냅니다. Contrast Checker는 보이는 모든 텍스트 색상을 배경과 비교해 측정하고, WCAG 2.2 수준 AA 또는 AAA에 미달하는 항목을 하나하나 표시합니다. 무료: 스캔, 표시, 두 색상 검사 무제한, 계정 불필요. Pro: $6.99 일회성 결제, 구독 없음.

기능
확장 프로그램은 투명도와 불투명도를 포함해 각 요소에 실제로 렌더링된 색상을 읽고, 선택한 수준과 명암비를 비교합니다. 결과는 좌우 어느 쪽으로든 옮길 수 있는 작은 패널에 나타납니다. 사진이나 그라디언트 위의 라벨은 검토 대상으로 표시되며, 스포이트로 화면에서 실제 배경을 선택할 수 있습니다.

사용 방법
1. 툴바 아이콘을 클릭하고 이 페이지 스캔을 누르거나 Alt+Shift+K를 사용하세요.
2. 실패한 요소에는 명암비와 함께 빨간 테두리가 표시됩니다. 결과를 클릭하면 해당 위치로 이동하고 두 색상, 글꼴 크기, 선택자를 볼 수 있습니다.
3. 코드에서 수정한 뒤 다시 스캔하세요.

무료
• 어떤 페이지든 AA와 AAA 기준으로 스캔하며, 큰 텍스트 규칙은 자동으로 적용됩니다.
• 모든 문제가 제자리에 테두리로 표시되고, 가장 나쁜 것부터 정렬된 목록도 제공됩니다.
• hex 값, 색상 선택기 또는 스포이트로 두 색상을 비교합니다.
• 변경 가능한 키보드 단축키로 시작하고 중지합니다.

PRO ($6.99, 평생)
• 결과를 CSV 파일 또는 독립형 HTML 보고서로 내보냅니다.
• 통과하는 가장 가까운 전경색 또는 배경색을 제안합니다.
• 각 명암비 옆에 APCA 밝기 점수(Lc)를 표시합니다.
• 페이지 스타일에서 링크와 버튼의 호버 및 포커스 색상을 검사합니다.

알아 두세요
이 도구는 성공 기준 1.4.3 및 1.4.6을 위한 테스트 보조 도구입니다. 지침의 일부만 다루며 적합성 평가가 아닙니다.

개인정보 보호
모든 처리는 브라우저 안에서 이루어집니다. 확장 프로그램은 스캔하는 탭만, 그리고 스캔을 시작한 후에만 읽습니다. 저장되는 데이터는 Pro 구매 시 입력한 이메일 주소뿐이며, 구매 확인에 사용됩니다.