Una verifica pagina per pagina
Controllo il sito con strumenti automatici e poi a mano, con la tastiera e con un lettore di schermo. Gli strumenti automatici trovano solo una parte dei problemi.
Accessibilità dei siti web
Verifico e miglioro l'accessibilità del sito secondo i criteri WCAG pertinenti, individuando le criticità e documentando gli interventi eseguiti.
Una parte dei clienti non riesce a usare il sito
Per esempio, un negozio online di articoli per la casa. Il carrello funziona solo col mouse e il testo grigio chiaro su fondo bianco si legge a fatica. Chi usa un lettore di schermo, cioè il programma che legge ad alta voce la pagina, arriva alla cassa e sente solo «pulsante, pulsante».
Dal 28 giugno 2025 l'European Accessibility Act riguarda anche il commercio elettronico, e hai letto che potrebbe toccare anche te. Non sai se sei obbligato né da dove cominciare.
Esempi di funzionalità
Le funzionalità vengono definite in base alle tue esigenze, agli strumenti già in uso e alla fattibilità dei collegamenti necessari. La proposta iniziale specifica cosa è incluso nel progetto e cosa può essere aggiunto in seguito.
Contrasti e testi leggibili
Per esempio, sistemo i colori che non hanno abbastanza contrasto e faccio in modo che il testo si possa ingrandire senza che la pagina si rompa.
Usabile da tastiera
Menu, moduli, finestre e carrello si possono rendere usabili anche senza mouse. Un segno ben visibile mostra in ogni momento dove ti trovi.
Nomi e descrizioni per il lettore di schermo
Ogni immagine utile può avere la sua descrizione, e ogni pulsante un nome che il lettore di schermo può pronunciare. Lo stesso vale per ogni campo dei moduli.
Errori nei moduli spiegati
Quando un campo è sbagliato, il modulo può dire quale e perché, a parole oltre che con il colore rosso.
Un rapporto pagina per pagina
Ricevi lo stato di ogni pagina verificata rispetto alle WCAG, con quello che è stato corretto e quello che resta. Ti serve come base se devi preparare una dichiarazione di accessibilità.
Come lavoriamo
Verifica iniziale
Scegliamo insieme le pagine e i passaggi più importanti, come la ricerca di un prodotto e il pagamento. Li provo come li proverebbe chi usa la tastiera o un lettore di schermo.
Elenco ordinato per gravità
Ricevi l'elenco dei problemi, ognuno con il criterio WCAG di riferimento e un esempio. In cima ci sono quelli che impediscono di completare un acquisto o una richiesta.
Correzioni
Correggo il codice se posso lavorarci. Se il sito lo segue un altro, preparo indicazioni precise per lui. Dove serve, colori e testi li ritocchiamo insieme.
Nuova verifica
Ripeto le prove sulle pagine corrette e aggiorno il rapporto. Per i contenuti che aggiungerai dopo ti restano poche regole pratiche, come scrivere le descrizioni delle immagini.
Lavori realizzati
Progetti del portfolio in cui c'era anche questo servizio, con le schermate e le funzioni costruite.
Aziende e serviziPaderno Dugnano (MI), Nord Italia
Depuratoritalia
Un sito che porta a chiedere l'analisi dell'acqua, con il conto della spesa in bottiglie, un quiz per scegliere il depuratore e le guide.
Accessibilità dei siti web: cosa sapere prima di partire
Chi usa un sito in modo diverso
Chi non vede usa un lettore di schermo e si muove con la tastiera o con i gesti sul telefono. Chi ha un tremore alla mano fatica con i pulsanti piccoli, e chi vede poco ingrandisce il testo al doppio.
Ci sono anche situazioni temporanee, come un braccio ingessato o il sole che batte sullo schermo. Sono situazioni comuni, e un pulsante grande o un testo ben contrastato aiuta anche lì.
Le WCAG in pratica
Le WCAG chiedono che il contenuto si possa percepire, usare e capire, e che funzioni con gli strumenti che le persone usano per navigare. Sono principi generali, che si traducono in controlli precisi su ogni pagina.
In pratica le immagini hanno una descrizione e i video i sottotitoli. I campi dei moduli hanno un'etichetta, e nessuna informazione è affidata al solo colore.
Le stesse regole valgono per le pagine e i prodotti che aggiungerai dopo la consegna. Per questo, oltre alle correzioni, ti lascio un promemoria breve da tenere accanto al pannello.
Domande frequenti
Sono obbligato a rendere accessibile il sito?
Dipende dall'attività e dalle dimensioni dell'azienda. L'European Accessibility Act si applica dal 28 giugno 2025 a diversi prodotti e servizi, tra cui il commercio elettronico. Ne sono esentate le microimprese che forniscono servizi, cioè con meno di 10 dipendenti e un fatturato o un bilancio annuo non oltre 2 milioni di euro. Verifica con il tuo consulente se sei obbligato. Io mi occupo della parte tecnica.
Quale livello delle WCAG si segue?
Seguo il livello AA delle WCAG, le linee guida internazionali sull'accessibilità dei contenuti web. È il livello a cui fanno riferimento le norme tecniche europee sull'accessibilità.
Basta una barra o un plugin di accessibilità?
No. Le barre che si aggiungono con una riga di codice lasciano i problemi del sito dove sono. A volte ne creano di nuovi per chi usa già i propri strumenti. L'accessibilità si ottiene sistemando il codice e i contenuti.
Quanto costa rendere accessibile un sito?
Dipende da quante pagine diverse ha il sito e da cosa ci si fa sopra. Un catalogo con carrello richiede più prove di un sito di presentazione. Dopo la verifica iniziale ricevi la proposta per le correzioni, voce per voce.
Un sito accessibile è più brutto?
No. Contrasti giusti e testi chiari aiutano tutti, anche chi legge dal telefono sotto il sole. Le scelte grafiche restano, al massimo si ritoccano i colori che si leggono male.
Potrebbe servirti anche
E-commerce e negozi online
Realizzo e-commerce con catalogo, pagamenti e regole di spedizione adatti ai tuoi prodotti, collegandoli al magazzino quando necessario.
ScopriSEO tecnica e velocità
Analizzo indicizzazione, struttura delle pagine, velocità e dati strutturati per individuare e correggere i problemi tecnici che possono ostacolare la visibilità del sito.
ScopriRifacimento di siti web
Riprogetto il tuo sito mantenendo i contenuti utili e gestendo i reindirizzamenti necessari per preservare il più possibile il traffico organico esistente.
ScopriDescrivimi il progetto
Parliamo delle tue esigenze e delle soluzioni possibili. Se il progetto è adatto, ricevi una proposta con attività, tempi e costi.