a11y.skipToMainContent
1

Controllo contrasto

Controllare i rapporti di contrasto di colore tra i colori del primo piano e dello sfondo. Verificare la conformità WCAG 2.1 AA e AAA con gli indicatori pass/fail.

Contrast Checker

Large Text (18pt+)

Normal body text (16px)

21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
More options
Was this tool helpful?
Send output to:
Advertisement

How to use Contrast Checker

  1. Inserire o scegliere il primo piano (testo) colore.
  2. Inserisci o scegli il colore di sfondo.
  3. Visualizza il rapporto di contrasto e i risultati WCAG pass/fail.
  4. Regolare i colori fino a quando non soddisfano il livello di conformità target.

Che cos'e'?

A contrasto checker calcola il rapporto di contrasto tra due colori secondo le linee guida WCAG 2.1. Si determina se il testo è leggibile su un colore di sfondo per il testo normale, il testo grande e i componenti dell'interfaccia utente. Questo strumento mostra istantaneamente pass/fail per tutti e quattro i criteri

Advertisement

FAQ

Cos'è un buon rapporto di contrasto?
WCAG 2.1 AA richiede 4.5:1 per testo normale e 3:1 per testo grande. AAA richiede 7:1 per testo normale e 4.5:1 per testo grande.
Cosa conta come testo grande?
Grande testo è definito come 18pt (24px) e sopra, o 14pt (18.66px) e sopra se in grassetto.

Related tools

Author

NK
Prof. Noah Klein"The Privacy Guardian"

Cybersecurity Researcher & Privacy Advocate

Professor Klein holds a PhD in Information Security and has testified before EU parliamentary committees on data privacy legislation. He builds encryption tools for journalists, audits web applications for security flaws, and believes that privacy is not a feature but a fundamental right. His research has been cited in Wired, Nature, and The Guardian, and he advises nonprofits on responsible data stewardship.

📖 Contrast Checker on Wikipedia·Accessibility Tools on Wikipedia·Contrast Checker on Britannica

People also use

← Back to Accessibility Tools · All tags
Advertisement