Verificator Contrast

Verificator de contrast de culoare WCAG pentru a calcula raportul de contrast al textului.

Raport de contrast 21:1

Text normal

WCAG AA: Pass

WCAG AAA: Pass

Exemplu text normal - 16px

Text mare

WCAG AA: Pass

WCAG AAA: Pass

Exemplu de text mare 18pt/24px

Obiecte grafice și componente ale interfeței cu utilizatorul

WCAG AA: Pass

Calculați raportul de contrast pentru dimensiunea normală a textului.
Calculați raportul de contrast pentru dimensiunea mare a textului.
Calculați raportul de contrast pentru componentele interfeței cu utilizatorul.
Selectați culoarea din selectorul de culoare
Configurați culoarea Luminozitate

Cum se utilizează Contrast Checker

Alege culoarea de fundal
Alegeţi culoarea planului frontal
Reglați luminozitatea dacă este nevoie
Verificați auditul pentru text normal și mare

ÎNTREBĂRI FRECVENTE

Cum funcționează verificatorul de contrast?

Trebuie să evaluați culoarea textului și a fundalului. Conform liniilor directoare WCAG 2.1, acestea sunt: Text mare - Text cu o dimensiune minimă de 18px necesită un raport de contrast de 3:1; Text mic - Text cu o dimensiune mai mică de 18px necesită un raport de contrast de 4. 5:1.

De ce site-ul meu web ar trebui să aibă un contrast suficient de culoare?

Textul pe un fundal cu un raport de contrast scăzut este adesea dificil de citit. Acest lucru nu numai că are un impact negativ asupra celor cu deficiențe de vedere, ci inconveniente de fapt toți utilizatorii. Un exemplu este citirea textului pe un telefon mobil afară într-o zi însorită.

Ce înseamnă accesibilitatea site-ului web?

Un site web accesibil este un site web conceput astfel încât persoanele cu deficiențe de vedere sau de auz să îl poată utiliza fără restricții. De exemplu, acest lucru asigură că toate elementele site-ului au un contrast de culoare suficient, adică culoarea textului este destul de diferită de culoarea de fundal.

Imaginile și videoclipurile trebuie să respecte cerințele de contrast de culoare WCAG?

Anumite componente grafice și de interfață necesită un raport de contrast de cel puțin 3:1 Cu toate acestea, aceasta nu include logo-uri, imagini decorative sau fișiere media generale.

Produse

Site-uri

Despre

Language

User Name

Verificator Contrast

Verificator de contrast de culoare WCAG pentru a calcula raportul de contrast al textului.

Text normal

Text mare

Obiecte grafice și componente ale interfeței cu utilizatorul

Cum se utilizează Contrast Checker

ÎNTREBĂRI FRECVENTE

Cum funcționează verificatorul de contrast?

De ce site-ul meu web ar trebui să aibă un contrast suficient de culoare?

Ce înseamnă accesibilitatea site-ului web?

Imaginile și videoclipurile trebuie să respecte cerințele de contrast de culoare WCAG?