Contrasto WCAG

AA · AAA · WCAG 2.1 · accessibilita

Inserisci due colori e controlla se rispettano i criteri WCAG. Anteprima live del testo sul colore di sfondo e indicazioni per raggiungere il livello minimo richiesto.

Colore testo
Testo (FG)
Colore sfondo
Sfondo (BG)
21.00
rapporto di contrasto
Preset utili

Il contrasto tra testo e sfondo è uno dei requisiti di accessibilità più verificati nelle audit WCAG: il rapporto minimo di 4.5:1 per testo normale (livello AA) e 3:1 per testo grande è obbligatorio in molti contesti istituzionali e pubblici, e rappresenta una best practice per qualsiasi sito web professionale.

Con questo strumento puoi:

  • Calcolare il rapporto di contrasto tra due colori in HEX, RGB o HSL
  • Verificare la conformità ai livelli WCAG 2.1 AA e AAA per testo normale e grande
  • Visualizzare un'anteprima live del testo sul colore di sfondo
  • Ricevere suggerimenti concreti per raggiungere il livello minimo se il contrasto è insufficiente

Essenziale per chi sviluppa temi WordPress da mockup Figma: le palette del designer possono non rispettare i requisiti di contrasto, e individuarlo prima della consegna evita revisioni costose.

Come leggere il risultato

  • AA testo normale: almeno 4.5:1.
  • AA testo grande: almeno 3:1.
  • AAA testo normale: almeno 7:1.

Usa questo tool durante design e sviluppo del tema per prevenire problemi di leggibilita e migliorare l'accessibilita reale.