Calcolatore del Rapporto di Contrasto Colori WCAG
Calcoli il rapporto di contrasto relativo WCAG 2.1 tra un colore in primo piano e uno di sfondo e verifichi la conformità AA e AAA per testo normale e grande.
Come Utilizzare il Calcolatore del Rapporto di Contrasto Colori WCAG
- Inserisca il colore in primo piano come codice esadecimale (#rrggbb).
- Inserisca il colore di sfondo come codice esadecimale.
- Clicchi su Calcola per visualizzare il rapporto di contrasto e i verdetti AA/AAA.
Casi d'Uso
- •Revisione dei token di design durante il branding.
- •Audit di accessibilità delle interfacce esistenti.
- •Verifica delle composizioni testo su immagine.
Formula
Ratio = (L1 + 0.05) / (L2 + 0.05) where L1 is the lighter and L2 the darker relative luminance. Simplified luminance: 0.2126·R + 0.7152·G + 0.0722·B on a 0–1 sRGB scale.
Domande Frequenti
Perché AA è il requisito minimo?
Il livello AA di WCAG 2.1 è l'obiettivo adottato dalla maggior parte delle normative (EN 301 549, Section 508, giurisprudenza ADA). AAA è un ideale per il materiale di lettura a lungo testo.
Cosa si intende per testo grande?
Il testo grande è di almeno 18 pt (24 px) normale, o 14 pt (18.66 px) grassetto. Tutto il resto è testo normale e deve soddisfare il rapporto 4.5:1.
La luminanza semplificata è accurata rispetto a WCAG?
Per la maggior parte delle coppie sRGB arrotonda allo stesso verdetto pass/fail della formula completa. Per i casi limite vicini alla soglia, si verifichi con la formula ufficiale WCAG o APCA per i nuovi progetti.