Checker contrasto colore
Check a URL's rendered contrast
Loads the page in a metered headless browser and runs axe-core's color-contrast rule against the real computed styles — the resolved foreground, background, opacity, inherited color, and CSS variables after the cascade, not a static-HTML color guess. This is the same Browser-Rendering pipeline the Accessibility Tester uses, filtered to just contrast findings.
I controlli vengono eseguiti dal nostro server; recuperiamo l’URL inserito e non conserviamo i risultati. This launches a metered browser audit shared with the Accessibility Tester's rendering budget, so it is rate-limited per visitor and per target site. I conteggi anonimi degli esiti per singola esecuzione possono essere utilizzati per ricerche aggregate; URL, domini, IP e identificatori non sono mai inclusi e nessuna statistica viene pubblicata sotto le 100 esecuzioni.
Viene eseguito interamente nel browser: nulla di ciò che incolli viene caricato o memorizzato. I conteggi anonimi degli esiti per singola esecuzione possono essere utilizzati per ricerche aggregate; URL, domini, IP e identificatori non sono mai inclusi e nessuna statistica viene pubblicata sotto le 100 esecuzioni.
Palette audit
Paste CSS variables, token declarations, or a hex list. The matrix checks every color as text against every other color as a background.
Passaporto del sito Contesto locale per questo sito salvato
Dati locali
Le destinazioni salvate, gli elenchi denominati e i riepiloghi dei controlli recenti restano solo in questo browser.
Valuta questo strumento
Informazioni sullo strumento
Controlla il contrasto WCAG 2.2 AA e AAA per qualsiasi coppia foreground/background, trova i colori passanti più vicini e analizza palette CSS o design token nel browser.
Funzionalità
- Rapporti di contrasto AA e AAA per testo normale e grande.
- Ricerca del colore passante più vicino.
- Audit locale di CSS e palette di design token.
- Controlli per URL e campioni incollati senza registrazione.
Come funziona
Inserisci i colori o un campione CSS, poi esegui il controllo. Il checker calcola luminanza e rapporto, confronta le soglie WCAG e suggerisce correzioni vicine.
Limitazioni
- Un rapporto di contrasto non dimostra da solo che una pagina sia accessibile.
- Il rendering reale, focus, struttura e contenuto richiedono verifiche separate.
Domande frequenti
Quale rapporto di contrasto serve?
Le linee guida di livello intermedio richiedono 4,5:1 per il testo normale e 3:1 per testo grande e componenti grafici. Il livello massimo richiede 7:1 per testo normale e 4,5:1 per testo grande.
Dimostra che la pagina è accessibile?
No. Controlla coppie di colori, non tipografia, stato attivo, immagini di testo o, in modalità incolla, sfondi realmente renderizzati. Usalo durante la progettazione e prova anche l’interfaccia finita.
Dove va la mia tavolozza?
In modalità incolla resta sul dispositivo. Puoi inserire proprietà CSS, elementi nome/valore o un elenco di colori esadecimali. Solo la modalità URL invia al server l’indirizzo pubblico inserito, non la tavolozza.
In che cosa differisce la modalità URL dall’incollare colori?
I colori incollati danno il calcolo esatto della coppia. La modalità URL carica la pagina reale in un navigatore automatico e legge colore e sfondo calcolati dopo cascata CSS, ereditarietà, opacità e impostazioni predefinite, producendo un verdetto più fedele.
Problemi comuni e come risolverli
- Errore termine termine termine WCAG AA per normale testo Correzione: Cambiano il termine o termine finché normale testo termine a termine 4.5:1 termine, poi termine termine, termine, termine, e termine termine.
- Errore termine termine termine WCAG AA per grandi testo Correzione: Cambiano il termine termine finché testo a termine 24px termine o 18.66px termine termine 3:1 termine.
- Avviso termine termine termine WCAG AAA per normale testo Correzione: termine il termine termine finché normale testo termine 7:1 termine quando AAA è il progetto termine.
- Avviso termine termine termine WCAG AAA per grandi testo Correzione: termine il termine termine finché termine grandi testo termine 4.5:1 termine quando AAA è necessario.
- Avviso termine termine termine non-testo termine indicazioni Correzione: termine il termine di termine termine, termine termine, termine termine, e termine termine a a termine 3:1 termine termine termine.