Accessibilità · WCAG 2.2
ContrastCheck
Verifica il rapporto di contrasto tra due colori secondo WCAG 2.2 AA / AAA. Suggerisce automaticamente il colore più vicino che supera il criterio scelto. Nessun dato inviato: tutto avviene nel tuo browser.
Configura i colori
Rapporto di contrasto
17.04:1
Soglia contesto: AA 4.5:1 · AAA 7:1
OnStage APS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Prova del testo normale su sfondo scelto.
Anteprima colori selezionati
Valutazione WCAG 2.2
- ✅ Passa
WCAG 2.2 AA — Testo normale
Minimo richiesto: 4.5:1 · Corrente: 17.04:1
- ✅ Passa
WCAG 2.2 AAA — Testo normale
Minimo richiesto: 7:1 · Corrente: 17.04:1
Nessun dato viene inviato a server esterni. Calcolo 100% in-browser. Licenza AGPL-3.0 - codice sorgente.
Domande frequenti
Qual è la differenza tra livello AA e AAA?
Il livello AA (4.5:1 per testo normale, 3:1 per testo grande) è il requisito minimo per la conformità legale. Il livello AAA (7:1 per testo normale) offre accessibilità massima ma è spesso difficile da raggiungere mantenendo un design attraente.
Cosa si intende per "testo grande"?
Il testo è considerato "grande" se ha almeno 18pt (24px) in stile normale o 14pt (18.67px) in stile grassetto. Per il testo grande WCAG 2.2 richiede un contrasto minimo di 3:1 (AA) o 4.5:1 (AAA).
Il tool verifica anche gli elementi UI (pulsanti, bordi)?
Sì: la sezione "Componenti UI" verifica il contrasto per elementi non testuali come bordi di input, icone e stati focus. Il requisito WCAG 2.2 per questi elementi è 3:1.
Come funziona il suggerimento automatico del colore?
Il sistema calcola la luminanza relativa del colore di sfondo e suggerisce il colore di testo più vicino (tra varianti di scuro e chiaro) che supera il rapporto AA. Il colore suggerito mantiene la tonalità originale.
Posso verificare il contrasto di una combinazione specifica?
Sì: inserisci qualsiasi valore HEX, RGB o HSL nei campi colore. Lo strumento calcola il rapporto in tempo reale e mostra la valutazione per tutti i livelli WCAG.
Il tool è usabile da persone con daltonismo?
Sì: i risultati sono comunicati sia tramite testo che tramite icone. Il badge verde/rosso è affiancato dal testo "Passa" / "Non passa" per essere comprensibile anche senza distinzione cromatica.