Qual è il rapporto di contrasto WCAG minimo?

WCAG 2.1 AA richiede un rapporto di contrasto di almeno 4.5:1 per il testo normale e 3:1 per il testo grande. AAA richiede almeno 7:1 per il testo normale e 4.5:1 per il testo grande.

Cosa si qualifica come testo grande?

Il testo grande è definito come 18pt (circa 24px) o più grande, o 14pt (circa 18.67px) in grassetto o più grande.

Questo strumento carica i miei colori?

No. Tutti i calcoli, le valutazioni della luminanza relativa e le modifiche del colore avvengono nel tuo browser utilizzando JavaScript. Nessun dato sul colore viene inviato al server.

WCAG Color Contrast Checker

Valuta il rapporto di contrasto dei colori del testo e dello sfondo secondo le linee guida WCAG 2.1. Genera istantaneamente regolazioni di colore accessibili.

Colore Testo / Primo Piano HEX/RGB/HSL

Background Color HEX/RGB/HSL

Tutto viene eseguito localmente nel browser.

Anteprima Testo in Tempo Reale

Titolo Grande (18pt Grassetto / 24pt Normale)

Questa è un'anteprima dello stile del testo del titolo grande.

Testo Normale (Sotto 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Rapporto di Contrasto

18.6:1

Stato di Conformità WCAG 2.1

Requisiti WCAG AA

Testo Normale (4.5:1) PASS

Testo Grande (3.0:1) PASS

Requisiti WCAG AAA

Testo Normale (7.0:1) PASS

Testo Grande (4.5:1) PASS

Linee Guida WCAG 2.1

Verifica facilmente gli standard di contrasto per costruire interfacce accessibili che rispettino le linee guida della Sezione 508, ADA e WCAG AA o AAA.

Motore di Suggerimenti

Regola automaticamente i colori in modo incrementale lungo le coordinate HSL per scoprire le alternative più vicine che superano i criteri del rapporto di contrasto.

Completamente Lato Client

I calcoli vengono eseguiti localmente all'interno del contesto del tuo browser. Nessun colore, file o coordinate di telemetria vengono trasmessi ai nostri server.