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

1.00:1

Isbarbardhig

Fail

Aad u liidata

Qoraalka Caadiga ah

AA (4.5:1)

✖

AAA (7:1)

✖

Qoraal weyn

AA (3:1)

✖

AAA (4.5:1)

✖

Midabka Qoraalka

#FFFFFF

#ffffff

Midabka Asalka

#546E7A

#546e7a

Hagaajinta Degdegga ah

Cinwaanka Hordhaca

Dibiga degdegga ah ee bunni ah ayaa ka boodaya eeyga caajiska ah

Tusaale qoraal yar (12px)

Qoraal

#ffffff

Asal

#546e7a

Heerarka WCAG

Level AA

Isugeynta ugu yar ee 4.5:1 ee qoraalka caadiga ah iyo 3:1 ee qoraallada waaweyn. Looga baahan yahay inta badan bogagga internetka.

Level AAA

Isugeynta sare ee 7:1 ee qoraalka caadiga ah iyo 4.5:1 ee qoraallada waaweyn. Kula talinayaa helitaanka ugu fiican.

Isku-darka midabka oo aan ku filnayn dhammaan cabbirrada qoraalka - kuma guulaysan heerarka WCAG.

Hubiyaha Isbarbardhiga Midabka

Xisaabi saamiga isbarbardhiga ee midabada qoraalka iyo asalka.

Dooro midab adoo isticmaalaya qaabka midabka qoraalka iyo midabka asalka ama gali midab qaabka hexadecimal RGB ah (tusaale, #259 ama #2596BE). Waxaad hagaajin kartaa slider-ka si aad u doorato midabka. Tilmaamaha Mawduuca Webka (WCAG) waxay leeyihiin tilmaamo gaar ah oo caawiya in la ogaado haddii qoraalka la akhriyi karo isticmaaleyaasha aragga leh. Shuruudahan waxay isticmaalaan hab gooni ah oo lagu cabiro isku-dhafka midabada loona beddelo isugeyn iswaafajinta. Iyada oo la adeegsanayo qaaciidan, WCAG waxay sheegaysaa in isugeynta midabka ee 4.5:1 leh qoraalka iyo asalka ay ku filan tahay qoraalka caadiga ah (jirka), iyo qoraallada waaweyn (18+ pt caadiga ah, ama 14+ pt qoran) ay tahay inay lahaadaan ugu yaraan isugeyn 3:1 ah.

Astaamaha Muhiimka ah

• Xisaabinta isku-darka midabka waqtiga-dhabta ah
• Hubinta u hoggaansanaanta WCAG AA & AAA
• HSL sliders si loo hagaajiyo
• Qaabab badan oo horudhac ah

Qalabka Sare

• Hagaajinta midabka tooska ah
• Tusaalooyinka qoraalka iyo asalka
• Ogaanshaha magaca midabka
• Dhoofinta natiijooyinka