WordPress alimenta oltre il 40% dei siti web mondiali — e una buona fetta dei siti di PMI italiane. Purtroppo, molti temi e plugin WordPress introducono problemi di accessibilità quasi invisibili ma potenzialmente sanzionabili.
Abbiamo analizzato i risultati delle scansioni effettuate sulla nostra piattaforma e identificato i 10 errori più ricorrenti. Eccoli, con la gravità secondo WCAG 2.1 AA e i suggerimenti di correzione.
Errore 1 — Immagini senza alt text
Gravità: Critico — WCAG 1.1.1
È l'errore più comune in assoluto. WordPress permette di aggiungere immagini senza compilare il campo "Testo alternativo" — e molti siti lo fanno sistematicamente. Gli utenti non vedenti usano screen reader che leggono il testo alternativo. Senza alt text, l'immagine è invisibile a loro.
Come correggerlo: per ogni immagine nel Media Library di WordPress, compila il campo "Testo alternativo" con una descrizione significativa del contenuto (non il nome del file). Per immagini decorative usa alt="" (vuoto esplicito).
Errore 2 — Contrasto colore insufficiente
Gravità: Serio — WCAG 1.4.3
I temi WordPress moderni usano spesso testi grigi su sfondo bianco, o testi colorati su sfondi colorati. Il rapporto di contrasto minimo richiesto è 4.5:1 per il testo normale.
Come verificarlo: VerificAccess segnala ogni elemento con contrasto insufficiente. Puoi anche usare il Color Contrast Checker di WebAIM per testare combinazioni specifiche.
Come correggerlo: modifica i colori nel Customizer di WordPress o nel CSS del tema.
Errore 3 — Form di contatto senza label
Gravità: Serio — WCAG 1.3.1
Il Contact Form 7, WPForms e altri plugin popolari a volte generano form con solo placeholder ma senza tag <label> associati ai campi. Il placeholder sparisce quando l'utente inizia a digitare — gli screen reader non riescono a leggere il campo.
Come correggerlo: verifica che ogni campo del form abbia un <label> con attributo for che corrisponde all'id del campo. In Contact Form 7 usa il tag [label].
Errore 4 — Menu di navigazione non accessibile da tastiera
Gravità: Critico — WCAG 2.1.1
Molti mega-menu e menu a tendina di temi WordPress non sono navigabili da tastiera. L'utente può tabbare sul menu principale ma non riesce ad aprire i sottomenu con Invio o frecce.
Come correggerlo: verifica il tema o installa un plugin specifico come "Accessible Menu" oppure chiedi allo sviluppatore di aggiungere la gestione degli eventi tastiera.
Errore 5 — Slider e caroselli senza controlli
Gravità: Moderato — WCAG 2.2.2
I caroselli automatici (Slider Revolution, Swiper, ecc.) violano WCAG se non hanno un pulsante pausa/stop visibile. Il contenuto in movimento distrae gli utenti con disturbi cognitivi e può causare problemi a chi ha epilessia fotosensibile.
Come correggerlo: aggiungi un bottone pausa visibile oppure configura lo slider per non avanzare automaticamente.
Errore 6 — Pagine senza titolo descrittivo
Gravità: Moderato — WCAG 2.4.2
Molti siti WordPress hanno pagine con titolo generico come "Pagina" o il nome del sito ripetuto uguale su tutte le pagine. Ogni pagina deve avere un titolo univoco che descriva il contenuto.
Come correggerlo: installa Yoast SEO o RankMath e compila il campo "Titolo SEO" per ogni pagina. Il formato consigliato: "Titolo pagina | Nome sito".
Errore 7 — Lingua della pagina non dichiarata
Gravità: Moderato — WCAG 3.1.1
Se l'elemento <html> non ha l'attributo lang="it", gli screen reader potrebbero leggere il contenuto italiano con una pronuncia errata.
Come correggerlo: in WordPress vai su Impostazioni → Generali → Lingua del sito. Oppure aggiungi manualmente lang="it" nel file header.php del tema.
Errore 8 — Link "Leggi di più" non descrittivi
Gravità: Moderato — WCAG 2.4.4
I blog WordPress spesso generano link come "Leggi di più", "Clicca qui" o "Scopri" ripetuti identici su tutta la pagina. Gli utenti di screen reader navigano spesso tra i link — trovare 10 link identici "Leggi di più" è disorientante.
Come correggerlo: usa l'attributo aria-label per differenziare i link. Esempio: <a href="..." aria-label="Leggi di più su Come ottimizzare il tuo sito per l'EAA">Leggi di più</a>.
Errore 9 — PDF non accessibili
Gravità: Moderato — WCAG 1.1.1
Molti siti caricano PDF scansionati o esportati senza tag di accessibilità — sono immagini di testo, non testo vero. Gli screen reader non riescono a leggerli.
Come correggerlo: esporta i PDF da Word o Google Docs con le opzioni di accessibilità abilitate. Per PDF già pubblicati, considera di offrire un'alternativa HTML della stessa informazione.
Errore 10 — Nessun link "Salta al contenuto"
Gravità: Moderato — WCAG 2.4.1
Gli utenti che navigano da tastiera devono fare TAB attraverso l'intero menu di navigazione per raggiungere il contenuto principale — su ogni pagina. Un link "Salta al contenuto principale" (visibile solo al focus) risolve il problema in una riga di codice.
Come correggerlo: aggiungi nel header, prima di qualsiasi altro elemento: <a href="#main-content" class="sr-only focus:not-sr-only">Salta al contenuto principale</a> e aggiungi id="main-content" all'elemento <main>.
Conclusione
Questi 10 errori coprono la maggior parte delle violazioni rilevate automaticamente sui siti WordPress italiani. Ma ricorda: la scansione automatica rileva circa il 30-40% dei problemi WCAG — una verifica manuale da un esperto rimane necessaria per la conformità completa.