Comprovador del contrast de color WCAG
Avalua la relació de contrast entre el text i els colors de fons segons les pautes WCAG 2.1. Genera ajustos de color accessibles a l'instant.
Previsualització de text en viu
Encapçalament gran (18pt negreta / 24pt normal)
Aquesta és una previsualització de l'estil de text de títol gran.
Text normal (menys de 18pt)
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Relació de contrast
Estat de conformitat WCAG 2.1
Directrius WCAG 2.1
Verifica fàcilment els estàndards de contrast per crear interfícies accessibles que compleixin amb la Secció 508, ADA i les directrius WCAG AA o AAA.
Motor de suggeriments
Ajustar automàticament els colors incrementalment al llarg de les coordenades HSL per trobar les alternatives més properes que compleixen els criteris de relació de contrast.
Completament al costat del client
Les computacions s'executen localment dins del context del vostre navegador. No es transmeten colors, fitxers o coordenades de telemetria als nostres servidors.
Eines de color relacionades
Color Contrast de control
Calcula les ràtios de contrast WCAG per a colors de primer pla i fons i mostra els resultats comuns en mida de text.
- Entrada
- Dos colors CSS vàlids i text de vista prèvia opcional.
- Sortida
- Una relació de contrast amb indicadors d'aprovat o suspès WCAG AA i AAA.
- Les limitacions reals
- El càlcul només cobreix el contrast de lluminància; no certifica una interfície ni té en compte la representació de fonts, moviment, enfocament o indicadors no cromàtics.
- Privacitat i tractament de dades
- Dos colors CSS vàlids i text de previsió opcional es processen en aquesta taula del navegador. Convertr no el rep ni l'emmagatzema; tancar o rellotjar la pàgina aclarirà l'estat de treball llevat que l'eina ofereix explícitament una descàrrega local.
Com utilitzar aquesta eina
- Proporciona dos colors CSS vàlids i text de previsualització opcional als controls de l'eina.
- Selecciona les configuracions que afecten una relació de contrast amb indicadors de superació o fallada WCAG AA i AAA, després executa l'eina.
- Revisa una relació de contrast amb indicadors de superació o no superació de WCAG AA i AAA abans de copiar-la o descarregar-la.
Modes de fallada comuns
Els colors invàlids no es poden mesurar, i la transparència sense un fons resolt pot fer que una proporció sigui sense sentit.
Exemple útil
Compara el text #1f2937 sobre #ffffff per revisar la seva relació per a text normal i gran.