Verificador de contrast
Introduïu un color de text i de fons per veure la relació de contrast WCAG i quins nivells AA i AAA s'assoleixen.
Cada comprovació s'executa al seu navegador. Cap dada que introdueixi es puja a BroBroGo.
PMF
Què signifiquen els resultats AA i AAA?
El nivell AA és l'objectiu de la majoria de llocs web: requereix una relació d'almenys 4.5:1 per a text normal i de 3:1 per a text gran. El nivell AAA és més estricte: 7:1 per a text normal i 4.5:1 per a text gran. La relació va des d'1:1 (sense contrast) fins a 21:1 (negre sobre blanc).
Què es considera text gran?
Text a partir de 18pt (uns 24px), o de 14pt (uns 18.5px) si està en negreta. El text més gran manté la llegibilitat amb un contrast menor, de manera que aprova el nivell AA amb un ràtio de 3:1 i el nivell AAA amb un ràtio de 4.5:1, en lloc dels llindars més estrictes del text normal.
Quins formats de color puc introduir?
Escriviu un valor hexadecimal com #1a1a1a, un valor rgb() com rgb(26, 26, 26) o un valor hsl(), o bé feu clic a qualsevol de les mostres per triar un color. Utilitzeu el botó d'intercanvi per invertir els colors del text i del fons.
S'utilitza el mètode WCAG 2 o el nou mètode APCA?
Utilitza la fórmula WCAG 2.1 / 2.2, que és la referència actual per a les auditories i normatives d'accessibilitat. L'APCA és un mètode més nou i perceptiu que s'està redactant per a la versió WCAG 3; és prometedor, però encara no és un estàndard de conformitat, per la qual cosa els resultats d'aquí no l'utilitzen.