I problemi più frequenti rilevati da axe-core (il motore usato anche da Chrome DevTools, Google Lighthouse, e da Semnal) — con esempio concreto di codice, non solo teoria.
L'errore più frequente trovato sul web. Uno screen reader non può "vedere" un'immagine —
se non ha un attributo alt, annuncia solo "immagine", senza alcun contesto.
Per chi naviga con screen reader, una pagina piena di "immagine, immagine, immagine" è inutilizzabile.
Se l'immagine è puramente decorativa (non aggiunge informazione), usa alt="" —
vuoto, ma presente — così lo screen reader la salta, invece di leggere lettera per lettera il nome del file.
Un placeholder non è un'etichetta. Scompare non appena l'utente inizia a scrivere, e
alcuni screen reader non lo annunciano nemmeno. Senza un <label>
collegato correttamente, chi naviga con tastiera o screen reader non sa cosa inserire nel campo.
Il WCAG 2.1 AA richiede minimo 4.5:1 per il testo normale e 3:1 per il testo grande (18px+ bold, o 24px+ normale). Il testo grigio chiaro su sfondo bianco, di moda in molti design "minimalisti", spesso non supera questo test — ed è difficile da leggere per chiunque abbia vista ridotta, non solo per chi ha disabilità visive diagnosticate.
"Clicca qui" o "leggi di più" non dicono nulla se uno screen reader li legge isolati, fuori dal contesto del paragrafo — e molti utenti navigano esattamente così, elencando tutti i link della pagina in una volta.
Senza lang="it" sul tag <html>, uno screen reader non sa
quale pronuncia usare e può leggere tutto il testo con l'accento sbagliato — una pagina in
italiano letta con pronuncia inglese è praticamente incomprensibile.
Questi sono solo 6 delle decine di regole WCAG 2.1 AA verificate automaticamente.
Scansiona il tuo sito gratis con Semnal →© 2026 semnal.cloud. Tutti i diritti riservati.