Site search
Language
Prova gli strumenti SEO
Site search hamburger-menu icon
Seleziona lingua
English
Čeština
Dansk
Deutsch
Eestlane
Español
Français
Hrvatski
Indonesia
Lietuvis
Magyar
Melayu
Nederlands
Polski
Português
Română
Slovenský
Suomalainen
Svenska
Tiếng Việt
Türkçe
Ελληνικά
Български
Українська
Русский
ქართული
Հայերեն
עִברִית
العربية
فارسی
हिंदी
ภาษาไทย
한국어
中文
日本語

Controllo del contrasto

Controllo del contrasto dei colori WCAG per calcolare il rapporto di contrasto del testo.

Colore di primo piano

Inserisci una tripletta esadecimale valida o utilizza il selettore di colori.

Colore dello sfondo

Inserisci una tripletta esadecimale valida o utilizza il selettore di colori.

Rapporto di contrasto 21:1

Testo normale

WCAG AA: Pass

WCAG AAA: Pass

Esempio di testo normale - 16px

Testo grande

WCAG AA: Pass

WCAG AAA: Pass

Esempio di testo grande 18pt/24px

Oggetti grafici e componenti dell'interfaccia utente

WCAG AA:  Pass

image/svg+xml
  • Calcola il rapporto di contrasto per le dimensioni normali del testo.
  • Calcola il rapporto di contrasto per testi di grandi dimensioni.
  • Calcola il rapporto di contrasto per i componenti dell'interfaccia utente.
  • Seleziona il colore dal selettore colori
  • Imposta la luminosità del colore

Come usare Contrast Checker

  • Scegli il colore di sfondo
  • Scegli il colore di primo piano
  • Regola la luminosità se necessario
  • Verifica la presenza di testo normale e di grandi dimensioni

FAQ

Come funziona il correttore di contrasto?

È necessario valutare il colore del testo e dello sfondo. Secondo le linee guida WCAG 2.1, questi sono: Testo grande - Testo con una dimensione minima di 18 px richiede un rapporto di contrasto di 3:1; Testo piccolo: testo con una dimensione inferiore a 18 px richiede un rapporto di contrasto di 4, 5:1.

Perché il mio sito web dovrebbe avere un contrasto cromatico sufficiente?

Il testo su uno sfondo con un basso rapporto di contrasto è spesso difficile da leggere. Ciò non solo ha un impatto negativo sulle persone con disabilità visive, ma crea anche disagi a tutti gli utenti. Un esempio è leggere un testo su un cellulare all'aperto in una giornata di sole.

Cosa significa accessibilità del sito web?

Un sito Web accessibile è un sito Web progettato in modo che le persone con disabilità visive o uditive possano utilizzarlo senza restrizioni. Ad esempio, ciò garantisce che tutti gli elementi del sito abbiano un contrasto cromatico sufficiente, cioè il colore del testo è molto diverso dal colore dello sfondo.

Le immagini e i video devono essere conformi ai requisiti di contrasto del colore WCAG?

Alcuni componenti grafici e dell'interfaccia richiedono un rapporto di contrasto di almeno 3:1. Tuttavia, questo non include loghi, immagini decorative o file multimediali generici.

© Smallize Pty Ltd 2022-2024. All Rights Reserved.