What is the minimum contrast ratio for WCAG AA compliance?

For WCAG AA compliance, normal text requires a minimum contrast ratio of 4.5:1, while large text (18pt or 14pt bold) requires 3:1.

What is the difference between WCAG AA and AAA standards?

WCAG AAA requires higher contrast ratios: 7:1 for normal text and 4.5:1 for large text, compared to AA's 4.5:1 and 3:1 respectively.

How do I fix poor color contrast?

Use our automatic fix feature to adjust either text or background colors while maintaining your design intent, or manually adjust colors using HSL sliders with visual indicators showing optimal zones for AA/AAA compliance.

What are the visual indicators on the adjustment sliders?

The green zones and AA/AAA markers show optimal ranges for achieving WCAG compliance. The direction hints (Lighter/Darker) guide you toward better contrast based on your current color combination.

Can I test custom color combinations?

Yes, you can enter any hex color codes or use the color picker to select custom colors. The URL updates automatically so you can share specific color combinations.

Color Contrast Checker - WCAG AA & AAA Compliance Tool

Yang'anani mitundu yanu

Yesani mitundu yamitundu kuti muwonetsetse kuti ikukwaniritsa milingo ya WCAG yofikira pakuwerenga mawu.

1.00:1

Kusiyanitsa

Walephera

Osauka kwambiri

Mawu okhazikika

AA (4.5:1)

AAA (7:1)

Zolemba zazikulu

AA (3:1)

AAA (4.5:1)

Mtundu wa Malemba

Mtundu Wambuyo

Kukonza mwamsanga

Mutu wowoneratu

Nkhandwe yofulumira imalumphira pa galu waulesi

Chitsanzo chaching'ono (12px)

Mawu

#ffffff

Mbiri

#779e86

Miyezo ya WCAG

Mulingo AA

Kusiyanitsa kochepa kwa 4.5:1 pamawu wamba ndi 3:1 pamawu akulu. Zofunikira pamasamba ambiri.

Mulingo AAA

Kusiyanitsa kowonjezera kwa 7:1 pamawu wamba ndi 4.5:1 pamawu akulu. Akulimbikitsidwa kuti athe kupezeka bwino.

Kusiyanitsa kosakwanira kwamitundu yonse yamawu.

Chowunikira chosiyanitsa cha mtundu

Werengetsani kusiyana kwa mawu ndi mitundu yakumbuyo.

Sankhani mtundu pogwiritsa ntchito chosankha chamtundu wa mawu ndi chakumbuyo kapena lowetsani mtundu wa RGB hexadecimal format (monga #259 kapena #2596BE). Mutha kusintha slider kuti musankhe mtundu. Maupangiri a Web Content Accessibility Guidelines (WCAG) ali ndi chitsogozo chapadera chothandizira kudziwa ngati zolemba zimatha kuwerengedwa kwa ogwiritsa ntchito. Izi zimagwiritsa ntchito ma aligorivimu enaake kuti apange mapu ophatikizika amitundu mumitundu yofananira. Pogwiritsa ntchito fomulayi, WCAG ikunena kuti chiyerekezo cha 4.5:1 cha mitundu ndi mawu ndi maziko ake ndi okwanira pamawu okhazikika (thupi), ndipo mawu akulu (18+ pt okhazikika, kapena 14+ pt bold) ayenera kukhala ndi 3: 1 mitundu yosiyana.

Zofunika kwambiri

Kuwerengera zenizeni zenizeni zenizeni
WCAG AA & AAA cheke kutsata
Ma slider a HSL kuti musinthe bwino
Mawonekedwe angapo owonera

Zida zapamwamba

Kukonza mtundu wokha
Zitsanzo za malemba ndi maziko
Kuzindikira dzina lamitundu
Tumizani zotsatira