ACCESIBILIDAD ≠ OVERLAY · 30
Accessibilità ≠ Overlay: 10 verifiche per capire se il tuo sito è davvero accessibile
📅 29 ottobre 2026 · ⏱ 4 min di lettura
Un’icona fluttuante non dimostra l’accessibilità. Conta che le persone possano navigare, comprendere e completare attività senza ostacoli. Ecco dieci verifiche concrete.
01. Parti da un’attività, non dal widget
Scegli un obiettivo importante: richiedere un preventivo, prenotare, acquistare o trovare i contatti. Segui tutto il percorso invece di cercare soltanto il pulsante di accessibilità.
Annota ogni passaggio confuso o impossibile. Un sito curato nell’aspetto può comunque impedire di completare un’azione essenziale.
02. Prova l’intero percorso con la tastiera
Metti da parte il mouse e usa Tab e Maiusc+Tab. Attiva i controlli con Invio o Spazio e prova menu, moduli e conferme.
Un ordine del focus incoerente, controlli irraggiungibili o trappole da tastiera sono barriere funzionali. Cambiare contrasto non le elimina.
03. Controlla il focus e le finestre di dialogo
Il focus deve essere ben visibile e non nascosto dalle intestazioni fisse. Quando si apre una finestra modale, il focus va gestito e ripristinato correttamente.
Se durante un acquisto il focus rimane dietro la finestra, l’interazione non funziona. Occorre correggere il componente.
04. Ascolta la pagina con uno screen reader
Usa uno screen reader per esaminare titoli, link, pulsanti e campi. Ascolta i nomi accessibili, l’ordine di lettura e le alternative delle immagini informative.
L’aspetto visivo non sostituisce la semantica HTML. Le tecnologie assistive hanno bisogno di etichette e stati comunicati correttamente.
05. Esamina moduli e messaggi di errore
Invia un modulo vuoto e inserisci dati non validi. I messaggi spiegano cosa è successo e come rimediare? I campi obbligatori sono riconoscibili?
Un semplice «Errore» o un segnale basato solo sul colore non basta. Le istruzioni devono essere chiare e associate al campo.
06. Verifica zoom e dispositivi mobili
Porta lo zoom al 200% e prova schermi piccoli. Le azioni essenziali devono restare disponibili senza sovrapposizioni o scorrimenti impossibili.
Ingrandire il testo serve solo se il layout si adatta. Un widget non corregge un design responsive difettoso.
07. Rivedi contenuti e struttura semantica
Organizza i titoli in modo logico, usa link descrittivi e istruzioni comprensibili. Le immagini informative richiedono alternative adeguate.
Una buona struttura aiuta chi usa uno screen reader e chi cerca rapidamente informazioni. L’accessibilità è anche una responsabilità editoriale.
08. Conosci i limiti dei test automatici
Gli strumenti automatici individuano alcuni problemi di contrasto, marcatura e nomi accessibili. Non possono valutare da soli l’intera esperienza.
Abbinali a verifiche manuali, tastiera e tecnologie assistive. Un punteggio non dimostra la conformità alle WCAG.
09. Dai priorità ai blocchi e assegna responsabilità
Dai priorità in base all’impatto: non poter pagare è più grave di un piccolo difetto grafico. Documenta come riprodurre ogni problema.
Assegna responsabili e correggi i componenti condivisi invece di nascondere i sintomi nelle singole pagine.
10. Ripeti i test dopo ogni modifica
Aggiornamenti WordPress, moduli Divi e nuovi form possono introdurre barriere. Inserisci le verifiche nella manutenzione ordinaria.
Usa le WCAG 2.2 come riferimento e conserva i risultati dei test. L’obiettivo è l’autonomia, non un’icona.