Come si usa
Come usare il WCAG contrast checker
Inserisci un colore testo e uno sfondo per controllare subito il rapporto. La pagina e pensata per verifiche rapide con un intent chiaramente orientato all accessibilita.
La lingua del browser sembra English. Vuoi vedere questa pagina in quella lingua?
Daily
La daily challenge in homepage.
Daily
La pagina completa della daily in 5 round.
HEX Guess
Allena l occhio con un matching HEX piu preciso.
RGB
Allena la percezione con slider RGB.
Color Pick
Scegli la tessera giusta tra colori simili.
Memory Game
Memorizza un colore e ritrovalo subito dopo.
Spot Difference
Trova la tessera con la sfumatura diversa.
Color Sorting
Rimetti in ordine una sequenza di tonalita.
Color Connect
Collega gli stessi colori senza incrociare i percorsi.
Orientato all accessibilita
Controlla coppie testo-sfondo con una pagina orientata direttamente a WCAG e accessibilita.
AA testo normale
Pass
AA testo grande
Pass
AAA testo normale
Pass
Anteprima testo
Questo testo di esempio ti aiuta a verificare la leggibilita dei colori.
Rapporto
13.78:1
Come si usa
Inserisci un colore testo e uno sfondo per controllare subito il rapporto. La pagina e pensata per verifiche rapide con un intent chiaramente orientato all accessibilita.
Perche conta
Non tutti cercano un contrast checker generico. Alcuni cercano proprio un wcag contrast checker. Una pagina dedicata rende l intento molto piu chiaro e rilevante.
Strumenti correlati
Collegare strumenti di conversione e contrasto rende il sito piu forte per ricerche long-tail e utility intent.
Approfondimento
Una utility page non dovrebbe essere solo un input: deve anche spiegare scenario, intento e utilita reale.
Questa route esiste per utenti che stanno gia pensando a WCAG, leggibilita e conformita. Titolo e contenuto sono quindi piu mirati di un semplice tool generico.
I controlli di contrasto non servono solo in UI. Questa pagina e utile anche per landing page, blocchi editoriali e campagne dove il testo deve restare leggibile su sfondi colorati.
Domande frequenti
Inserisci un colore foreground e uno background e il tool calcola subito il rapporto.
Perche alcune ricerche sono esplicitamente orientate a WCAG. Questa route le intercetta in modo piu diretto.
Si. E costruito per controlli rapidi su testo e combinazioni cromatiche tipiche della UI.