Verificator de contrast WCAG AA și AAA

Verifică contrastul culorilor pentru WCAG 2.2 AA și AAA, previzualizează dimensiuni de text și găsește alternative de culoare accesibile.

Treci cursorul peste un câmp sau selectează-l pentru ajutor. Apasă Escape pentru închidere.

Prim-planFundalSuport opac

Folosește HEX, RGB, RGBA sau HSL. Culorile transparente sunt compuse peste suportul opac.

5.84:1

Pragurile folosesc raportul la precizie completă, niciodată valoarea afișată rotunjită.

WCAG 2.2
Nivel	Folosește	SC	Minim	Rezultat
AA	Text normal	1.4.3	4.5:1	Conform
AA	Text mare	1.4.3	3:1	Conform
AAA	Text normal	1.4.6	7:1	Neconform
AAA	Text mare	1.4.6	4.5:1	Conform
AA	Componente de interfață și elemente grafice	1.4.11	3:1	Conform

Text de previzualizareDimensiunea fontului (CSS px)Aldin

Aa — fiokit.

Text normal: AA ✓ · AAA ✗

Text mare: cel puțin 24 CSS px sau 18,67 CSS px aldin (14 pt).

Țintă pentru prim-planul sugeratRaport

WCAG 2.2
#155bdf / #ffffff (#ffffff)
5.8433:1
AA Text normal (SC 1.4.3): PASS — 4.5:1
AA Text mare (SC 1.4.3): PASS — 3:1
AAA Text normal (SC 1.4.6): FAIL — 7:1
AAA Text mare (SC 1.4.6): PASS — 4.5:1
AA Componente de interfață și elemente grafice (SC 1.4.11): PASS — 3:1

Se verifică perechi de culori, nu conformitatea WCAG completă. Evaluează separat culorile adiacente, stările de interacțiune și conținutul real.

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

Cum funcționează

Setează prim-planul, fundalul și suportul opac. Rezultatele AA și AAA se actualizează imediat. Încearcă dimensiunea și grosimea fontului, aplică o culoare sugerată sau descarcă raportul.

Un exemplu practic

Culori

#155bdf

Întrebări frecvente

Textul meu este trimis la un server?

Nu. Conținutul este procesat în acest browser. Nu este trimis la server și nu este salvat.

Ce ar trebui să știu despre Verificator de contrast WCAG AA și AAA?

Raportează separat pragurile pentru text și elemente non-text. Această verificare a culorii nu certifică o conformitate WCAG completă.