Verificator de contrast al culorilor
Verifică raportul de contrast dintre două culori în raport cu nivelurile de accesibilitate WCAG AA și AAA.
Instrumente similare
Cum se folosește Verificator contrast
- 01
Alege o culoare de text și o culoare de fundal.
- 02
Citește raportul de contrast și insignele WCAG de trecut sau eșuat.
- 03
Ajustează culorile până trec nivelul de care ai nevoie.
Ce face verificatorul de contrast
Acesta este un verificator de contrast de culori WCAG care arată raportul exact de contrast dintre o culoare a textului și o culoare de fundal și dacă îndeplinește nivelurile de accesibilitate AA și AAA. Alege culorile cu paleta sau prin codul hex și vezi o previzualizare în timp real.
Ajustează cele două culori până când insignele trec de nivelul de care ai nevoie, iar rezultatul se actualizează instant pe măsură ce mergi.
De ce contează contrastul
Un text prea apropiat ca luminozitate de fundalul său este greu sau imposibil de citit, mai ales pentru persoanele cu vedere slabă sau deficiențe de percepție a culorilor sau pentru oricine se uită la un telefon în lumina puternică a soarelui. Un contrast suficient îți menține conținutul lizibil pentru toată lumea.
Pragurile WCAG AA și AAA
Ghidul de accesibilitate a conținutului web (WCAG) stabilește standardul. AA, nivelul pe care majoritatea site-urilor îl vizează și pe care îl referă multe legi de accesibilitate, cere un raport de 4,5:1 pentru text normal și 3:1 pentru text mare. AAA este mai strict, la 7:1 și 4,5:1.
Textul mare primește un prag mai scăzut, deoarece literele mai mari rămân lizibile la un contrast mai mic. Este considerat mare la aproximativ 24px (18pt) sau 18,66px (14pt) când este bold.
Cum este calculat raportul
Raportul provine din luminanța relativă a celor două culori folosind formula oficială WCAG, producând o valoare de la 1:1 (fără contrast, culori identice) până la 21:1 (negru pe alb).
Rulează în browserul tău
Totul este calculat în browserul tău, așa că este instant și privat. Nimic din ce alegi nu este încărcat nicăieri.
Întrebări frecvente
De ce raport de contrast am nevoie?
WCAG AA necesită 4,5:1 pentru text normal și 3:1 pentru text mare (18pt sau 14pt aldin). AAA necesită 7:1 și respectiv 4,5:1.
Ce se consideră text mare?
Text care are cel puțin 24px (18pt), sau 18,66px (14pt) când este aldin. Textului mare i se permite un raport de contrast mai mic.
Cum se calculează raportul?
Din luminanța relativă a fiecărei culori folosind formula oficială WCAG, dând o valoare de la 1:1 (fără contrast) la 21:1 (negru pe alb).