Sobre aquesta eina
Comproveu les relacions de contrast de color entre el text en primer pla i els colors de fons segons les directrius d'accessibilitat WCAG 2.1. Introduïu colors com a codis hexadecimals, valors RGB o valors HSL i visualitzeu a l'instant la relació de contrast juntament amb els resultats d'aprovació/falla per al compliment de les normes WCAG AA i AAA tant en mides de text normals com grans.
Preguntes freqüents
- Quina relació de contrast es requereix per al compliment de les WCAG?
- WCAG AA requereix 4.5:1 per a text normal i 3:1 per a text gran (18pt+ o 14pt+ en negreta). WCAG AAA requereix 7:1 per a text normal i 4,5:1 per a text gran. La relació màxima possible és de 21:1 (negre sobre blanc).
- Per què importa el contrast de color?
- Un contrast suficient garanteix que el text sigui llegible per als usuaris amb baixa visió, daltonisme o aquells que veuen pantalles a la llum del sol. També és un requisit legal segons les normatives d'accessibilitat de l'ADA i la UE per a molts llocs web.
- Què es considera "text gran" a les WCAG?
- El text gran es defineix com a 18 pt (24 px) o més per al text normal, o 14 pt (18,66 px) o més per al text en negreta. El text gran té requisits de contrast més baixos perquè és inherentment més fàcil de llegir.
- Aquesta eina verifica el contrast dels elements que no són de text?
- WCAG 2.1 requereix una relació de contrast de 3:1 per als components de la interfície d'usuari i els objectes gràfics (botons, icones, camps de formulari). També podeu utilitzar aquesta eina per verificar-los; només cal que introduïu els colors del component i de fons.