Contrasto WCAG

AA · AAA · WCAG 2.1 · accessibilita

Carica la palette del progetto e testa ogni combinazione testo/sfondo per AA e AAA in un'unica vista. Suggerimenti di correzione cromatica automatici e report esportabile.

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

Verificare il contrasto su un singolo elemento alla volta rallenta il workflow. Quando si lavora con un sistema di design o una palette di progetto complessa — con colori primari, secondari, grigi e state colors — è necessario testare tutte le combinazioni rilevanti in un'unica operazione.

Questo strumento:

  • Permette di inserire l'intera palette colori del progetto (fino a 20 swatches)
  • Genera automaticamente la matrice di contrasto di tutte le combinazioni
  • Evidenzia con verde/giallo/rosso le coppie che passano AA, quelle che richiedono attenzione e quelle che falliscono
  • Suggerisce variazioni cromatiche minime per portare le coppie borderline a conformità
  • Testa text color su brand background, colori di stato (success, warning, error, info)
  • Esporta il report in formato CSV o PNG per la documentazione del design system