Vai al contenuto

Accessibilità

Un sito per tutti non è un plugin.

Dal 28 giugno 2025 l'accessibilità è un obbligo di legge per molti negozi online e servizi digitali. Questa pagina mostra cosa vuol dire in pratica: ogni esempio si prova con il mouse, con la tastiera o con un lettore di schermo.

Il tuo dispositivo, adesso

Il sito si adatta a come lo usi tu.

Il sistema operativo comunica al browser alcune preferenze. Le leggiamo per adattare la pagina senza chiederti niente e senza salvare dati.

Non leggiamo se usi un lettore di schermo: nessun sito può saperlo in modo affidabile ed è giusto che resti così.

Movimento ridotto
…
Contrasto elevato
…
Tema scuro
…
Colori forzati (Windows)
…
Dimensione del testo
…
Puntatore
…

Prova tu

Quattro differenze che non si vedono.

A colpo d'occhio due siti possono sembrare uguali. La differenza la sente chi usa la tastiera, chi vede pochi colori o chi ascolta la pagina invece di guardarla.

01

Tastiera

Avvia la prova, poi premi Tab più volte. A sinistra vedi sempre dove sei, a destra no.

Con indicatore

Senza indicatore

Durante la prova il Tab si muove solo fra questi quattro pulsanti. Esc per uscire.

Chi non usa il mouse, a destra non sa più dove si trova.

02

Contrasto

Sposta il cursore: il testo si schiarisce e il rapporto di contrasto si ricalcola.

Disponibile in tre colori

…

Il minimo per il testo normale è 4,5:1. Molti siti usano il grigio chiaro perché "fa elegante".

03

Immagini descritte

Ecco cosa sente chi usa un lettore di schermo davanti alla stessa foto prodotto.

Premi un pulsante: lo leggiamo ad alta voce e lo scriviamo qui.

04

Colori

Circa un uomo su dodici distingue male alcuni colori. Guarda la stessa scheda con i suoi occhi.

Tazza in ceramica

32 € 24 €

Disponibile

Ultimi pezzi

Vista

Per questo lo stato di un prodotto si scrive a parole: il pallino colorato da solo non basta.

Un equivoco frequente

Il pulsante con l'omino non rende accessibile un sito.

I widget che aggiungono un'icona per ingrandire il testo o cambiare i colori non toccano il codice della pagina. Un lettore di schermo continua a trovare pulsanti senza nome, moduli senza etichette e immagini senza descrizione.

L'accessibilità si costruisce nel tema e nei contenuti: è lavoro di progettazione e di sviluppo. Per questo la includiamo in ogni sito che costruiamo invece di aggiungerla alla fine.

Smartphone, tastiera e un paio di cuffie sullo stesso tavolo: modi diversi di usare lo stesso sito

Cosa chiede la legge

L'obbligo in tre punti.

Una sintesi per orientarsi. Non è una consulenza legale: per il tuo caso verifica con un professionista.

Chi è obbligato

Il D.Lgs. 82/2022 recepisce l'European Accessibility Act. Dal 28 giugno 2025 riguarda molti servizi offerti ai consumatori tra cui e-commerce, servizi bancari, telefonia e internet, trasporto passeggeri e libri digitali. Sono escluse le microimprese che forniscono servizi: meno di 10 addetti e un fatturato o un bilancio annuo fino a 2 milioni di euro. Per le aziende con un fatturato medio oltre 500 milioni valgono anche alcune regole della Legge 4/2004.

Lo standard

Il riferimento tecnico è la norma europea EN 301 549. Per il web la versione oggi in vigore rimanda alle WCAG 2.1 di livello AA: testi leggibili, tutto usabile da tastiera, immagini descritte, moduli comprensibili. La nuova versione della norma passa alle WCAG 2.2 e noi lavoriamo già su queste.

Cosa va pubblicato

Chi offre un servizio che rientra nella legge deve spiegare come rispetta i requisiti di accessibilità: nelle condizioni generali o in un documento equivalente. Le pubbliche amministrazioni e alcune grandi aziende pubblicano invece una dichiarazione di accessibilità sul modello AgID. Per i servizi digitali l'autorità che vigila è AgID.

Nei siti che costruiamo

Sette controlli su ogni pagina.

Sono gli stessi che abbiamo applicato a questo sito. Il risultato è nella nostra dichiarazione di accessibilità.

  1. 01 Struttura

    Titoli in ordine, zone della pagina con un nome, un link per saltare direttamente al contenuto.

  2. 02 Tastiera

    Ogni comando si raggiunge con il Tab. L'indicatore del focus è ben visibile e la testata non lo copre. Nelle finestre aperte il focus resta dentro la finestra.

  3. 03 Contrasto

    Testi e pulsanti almeno a 4,5:1 anche al passaggio del mouse e nel tema scuro.

  4. 04 Zoom e testo

    La pagina resta leggibile fino al 400% di ingrandimento senza scorrere in orizzontale.

  5. 05 Preferenze del dispositivo

    Movimento ridotto, contrasto elevato, colori forzati di Windows e tema scuro vengono rispettati.

  6. 06 Immagini e moduli

    Descrizioni utili per le immagini, etichette su ogni campo, errori spiegati con le parole giuste.

  7. 07 Verifica

    Controlli automatici su ogni pagina e prove manuali da tastiera, con lo zoom e con le preferenze del sistema.

Domande frequenti

Prima di chiedercelo.

Il mio negozio online deve essere accessibile?

Se vendi a consumatori e la tua azienda non è una microimpresa, molto probabilmente sì: dal 28 giugno 2025 l'e-commerce rientra nel D.Lgs. 82/2022. Per il tuo caso specifico conviene una verifica con un legale.

Basta installare un plugin per l'accessibilità?

No. Un plugin può aggiungere strumenti utili ma non corregge il codice della pagina: pulsanti senza nome, moduli senza etichette e contrasti insufficienti restano dove sono. Servono interventi sul tema e sui contenuti.

Si può rendere accessibile un sito che esiste già?

Spesso sì. Si parte da un controllo di tutte le pagine: poi ti diciamo cosa va corretto nel tema, cosa nei contenuti e quali parti conviene rifare.

Cos'è la dichiarazione di accessibilità?

È una pagina pubblica che dice quanto il sito è conforme, cosa non lo è ancora e come segnalare un problema. Per le pubbliche amministrazioni e per alcune grandi aziende è obbligatoria e va aggiornata ogni anno. Chi rientra nell'European Accessibility Act deve invece dare informazioni sull'accessibilità dei suoi servizi nelle condizioni generali o in un documento equivalente.

Il tuo sito supera queste prove?

Mandaci l'indirizzo: lo proviamo con gli stessi controlli di questa pagina e ti diciamo cosa vediamo.

Oppure scrivi a [email protected]

Beez Solutions Strumenti, non vetrine

Sei al computer?

Inquadra il codice con il telefono e scrivici su WhatsApp.