Leggi il riepilogo: la situazione, il rischio e cosa fare, in un minuto.
Passa questo link a chi gestisce il tuo sito: gli errori vanno dal più grave al meno grave, con dove si trovano e come correggerli.
Conserva questo link: è il tuo accesso al report. Condividilo solo con chi vuoi che lo veda.
In sintesi
Per chi decide, in un minuto.
Situazione: ci sono cose che uno screen reader non riesce a nominare o che non si possono usare senza mouse; inizia da quelle.
Rischio: se il sito vende o fornisce servizi ai consumatori (commercio elettronico, banche, trasporti…), il d.lgs. 82/2022 impone che sia accessibile, salvo che il servizio sia fornito da una microimpresa, e non abbiamo trovato informazioni sull'accessibilità del sito. Un utente può presentare un reclamo all'AgID, che può imporre misure correttive e sanzioni. Se è il tuo caso, chiedi al tuo consulente.
Per prima cosa: pulsanti senza nome (menu, cerca, chiudi…) che non si possono usare con uno screen reader.
Cosa fare: passare questo report a chi gestisce il sito, correggere gli errori nell'ordine in cui compaiono e pubblicare la dichiarazione.
Prima di iniziare
La legge rimanda a norme tecniche di accessibilità basate su un elenco di linee guida chiamate WCAG (la norma di riferimento, EN 301 549, recepisce la versione 2.1, livello AA, e noi aggiungiamo le novità della 2.2 che si possono misurare, come la dimensione dei pulsanti). Una macchina può verificare più o meno un terzo di quell'elenco, ed è questo che misura il report.
Il resto deve controllarlo una persona: per esempio, se il sito si può usare tutto solo con la tastiera, se si legge in un ordine logico o se le descrizioni delle immagini dicono qualcosa di utile.
Prima vengono gli errori che impediscono di usare il sito, poi gli altri, dal più al meno grave. Per ognuno trovi cosa significa, come si corregge ed esempi presi dal tuo sito. Cosa misuriamo e cosa no.
Così inizia la tua home page per chi non la vede
«Link: Café de Muestra, inicio.»
«Link: Shop.»
«Link: Cafés.»
«Link: About us.»
«Link: Contacto.»
«Pulsante: Buscar.»
«Pulsante: Carrito.»
«Immagine: Taza de café recién hecho. Recién tostado cada lunes.»
«Pulsante: ‹.»
«Pulsante: ›.»
«Link: IMG_2034.jpg.»
«Link: Leer más.»
I primi link, pulsanti e immagini, così come li legge uno screen reader (inoltre legge i testi e i titoli che ci sono in mezzo). Ogni «senza nome» è qualcosa che chi non vede lo schermo non può usare.
Usare il sito solo con la tastiera
Molte persone non usano il mouse: persone cieche, con poca mobilità nelle mani o che navigano con un sensore a pulsante. Abbiamo percorso le tue pagine premendo il tasto Tab, come farebbero loro.
Home page
https://cafedemuestra.example/
·Raccomandazione: Raccomandazione: Non c'è un link per saltare al contenuto. La pagina ha un altro modo per saltare il menu (zone delimitate), ma il link all'inizio aiuta molto chi usa la tastiera.
✓Corretto: Corretto: Non abbiamo trovato punti in cui il focus resta intrappolato.
✗Errore: Errore: In 15 o più elementi non si vede dove si trova il focus. Chi usa la tastiera si perde. Soluzione: non togliere il contorno del focus (outline: none) o sostituirlo con un altro ben visibile.
✓Corretto: Corretto: Il focus non finisce su elementi nascosti.
✗Errore: Errore: 1 cosa si può cliccare con il mouse ma non con la tastiera, per esempio: «Ver ofertas». Soluzione: usare pulsanti e link veri (<button>, <a href>) invece di <div> o <span> cliccabili.
Senza focus visibile, per esempio: «Café de Muestra, inicio», «Shop», «Cafés», «About us».
Pagina /producto.html
https://cafedemuestra.example/producto.html
·Raccomandazione: Raccomandazione: Non c'è un link per saltare al contenuto. La pagina ha un altro modo per saltare il menu (zone delimitate), ma il link all'inizio aiuta molto chi usa la tastiera.
✓Corretto: Corretto: Non abbiamo trovato punti in cui il focus resta intrappolato.
✗Errore: Errore: In 13 elementi non si vede dove si trova il focus. Chi usa la tastiera si perde. Soluzione: non togliere il contorno del focus (outline: none) o sostituirlo con un altro ben visibile.
✓Corretto: Corretto: Il focus non finisce su elementi nascosti.
✓Corretto: Corretto: Non abbiamo trovato cose che si cliccano con il mouse e non con la tastiera (quelle fatte su misura, come menu o caroselli, conviene provarle a mano).
Senza focus visibile, per esempio: «Café de Muestra, inicio», «Shop», «Cafés», «About us».
Pagina /contacto.html
https://cafedemuestra.example/contacto.html
·Raccomandazione: Raccomandazione: Non c'è un link per saltare al contenuto. La pagina ha un altro modo per saltare il menu (zone delimitate), ma il link all'inizio aiuta molto chi usa la tastiera.
✓Corretto: Corretto: Non abbiamo trovato punti in cui il focus resta intrappolato.
✗Errore: Errore: In 12 elementi non si vede dove si trova il focus. Chi usa la tastiera si perde. Soluzione: non togliere il contorno del focus (outline: none) o sostituirlo con un altro ben visibile.
✓Corretto: Corretto: Il focus non finisce su elementi nascosti.
✓Corretto: Corretto: Non abbiamo trovato cose che si cliccano con il mouse e non con la tastiera (quelle fatte su misura, come menu o caroselli, conviene provarle a mano).
Senza focus visibile, per esempio: «Café de Muestra, inicio», «Shop», «Cafés», «About us».
Le immagini, una per una
Abbiamo controllato una per una 6 immagini del tuo sito, confrontando ciascuna con la sua descrizione.
3 non hanno una descrizione utile. Ti lasciamo quella che proponiamo: controllala e copiala nell'attributo alt.
Le proposte le scrive una macchina guardando l'immagine: controllale prima di usarle. I commenti di questa verifica sono nella lingua in cui è stata richiesta l'analisi (Español).
Descrizione non utile
Es un nombre de archivo y no dice qué producto es.
Ora: alt="IMG_2034.jpg"
Proposta: alt="Bolsa de café de Colombia Huila, 250 gramos"
Senza descrizione
No tiene texto alternativo y muestra un producto.
Ora: senza attributo alt
Proposta: alt="Bolsa de café de Etiopía Yirgacheffe, 250 gramos"
Descrizione non utile
La palabra «foto» no explica qué producto se muestra.
Ora: alt="foto"
Proposta: alt="Bolsa de café descafeinado por proceso de agua, 250 gramos"
E 3 immagini con una buona descrizione.
Cosa dicono i tuoi pulsanti e link
Chi usa uno screen reader sente il nome di ogni pulsante e link. Abbiamo controllato i 23 che compaiono nelle tue pagine.
11 non si capiscono bene: sono in un'altra lingua, usano gergo tecnico, si ripetono o non dicono dove portano. Soluzione: sostituire il testo o l'aria-label con quello che proponiamo. I commenti di questa verifica sono nella lingua in cui è stata richiesta l'analisi (Español).
Altra lingua · link
Ora si sente: «Shop» (3 volte). Está en inglés y la página en español.
Proposta: «Inicio»
Altra lingua · link
Ora si sente: «About us» (3 volte). Está en inglés y lleva a la página de contacto.
Proposta: «Contacto»
Non dice dove porta · pulsante
Ora si sente: «‹». Un símbolo no dice qué hace el botón.
Proposta: «Anterior»
Non dice dove porta · pulsante
Ora si sente: «›». Un símbolo no dice qué hace el botón.
Proposta: «Siguiente»
Gergo tecnico · link
Ora si sente: «IMG_2034.jpg». Es el nombre de un archivo, no dice adónde lleva.
Proposta: «[Destino del enlace]»
Non dice dove porta · link
Ora si sente: «Leer más» (4 volte). No dice qué se va a leer.
Proposta: «Leer más sobre nuestros cafés»
Non dice dove porta · link
Ora si sente: «foto». No dice qué muestra ni adónde lleva.
Proposta: «[Descripción de la foto y destino]»
Altra lingua · pulsante
Ora si sente: «Subscribe» (3 volte). Está en inglés y la página en español.
Proposta: «Suscribirme»
Altra lingua · pulsante
Ora si sente: «Add to cart». Está en inglés y la página en español.
Proposta: «Añadir al carrito»
Non dice dove porta · link
Ora si sente: «Click here». Está en inglés y no dice adónde lleva.
Proposta: «Volver a la página de inicio»
Altra lingua · pulsante
Ora si sente: «Send». Está en inglés y la página en español.
Proposta: «Enviar mensaje»
Link che non dicono dove portano
Gli screen reader permettono di saltare da un link all'altro. Se dieci link dicono «Leggi di più», la persona non sa qual è quale. Soluzione: che il testo dica la destinazione («Leggi di più sulle spedizioni») o aggiungere un aria-label.
«Leer más» · 4 volte
«Click here» · 1 volta
Dichiarazione di accessibilità
Non l'abbiamo trovata. Il d.lgs. 82/2022 obbliga le aziende interessate a spiegare, nelle condizioni generali o in un documento equivalente e in formato accessibile, in che modo il loro servizio soddisfa i requisiti di accessibilità; di solito è una pagina «Accessibilità» con un link nel piè di pagina. Le pubbliche amministrazioni, e le aziende con un fatturato medio superiore a 500 milioni di euro, devono inoltre pubblicare una dichiarazione che indichi il grado di conformità, i contenuti non accessibili, quando è stata fatta la valutazione e come segnalare un problema, con un link da tutte le pagine.
Ti lasciamo una bozza con i dati di questo report. Completa le parti tra parentesi quadre, verifica che sia tutto vero e pubblicala.
Prima di pubblicarlo, è bene che una persona controlli ciò che questo report non copre: i percorsi completi (cercare, acquistare, registrarsi, pagare), i messaggi di errore dei moduli, le finestre pop-up, i video e i documenti scaricabili. Se trova altri errori, aggiungili all'elenco.
Attenzione: se il tuo servizio rientra nel d.lgs. 82/2022 e non è conforme, la legge ti obbliga a correggerlo e a informarne l'AgID. Chiedi al tuo consulente prima di pubblicare.
La tua bozza: Dichiarazione di accessibilità
[Nome della tua azienda] si impegna a rendere accessibile il proprio sito web cafedemuestra.example, in conformità con il d.lgs. 27 maggio 2022, n. 82. Come riferimento tecnico usa la norma EN 301 549, che recepisce le linee guida WCAG 2.1 di livello AA; abbiamo controllato anche i nuovi criteri delle WCAG 2.2.
Descrizione del servizio
[Descrivi brevemente il tuo servizio, come viene fornito e come si usa con un lettore di schermo, con la tastiera o con l'ingrandimento.]
[Da far controllare a un esperto prima della pubblicazione.]
Stato di conformità
Questo sito web non è conforme alle linee guida WCAG 2.1 di livello AA, per i motivi indicati di seguito.
Contenuti non accessibili
Pulsanti senza nome (menu, cerca, chiudi…) che non si possono usare con uno screen reader.
Campi dei moduli senza etichetta: chi usa uno screen reader non sa cosa scrivere.
Link vuoti: una persona cieca sente «link» senza sapere dove porta.
Il sito impedisce di ingrandire con le dita sullo smartphone.
Campi il cui unico nome è il testo di esempio al loro interno: quando si inizia a scrivere scompare, e alcuni screen reader non lo leggono nemmeno.
Immagini senza descrizione: uno screen reader non sa cosa mostrano.
Alcune immagini non hanno una descrizione adeguata.
Alcuni pulsanti e link hanno nomi che non si capiscono con uno screen reader.
In alcuni elementi non si vede dove si trova il focus quando si naviga con la tastiera.
Ci sono elementi che si possono cliccare con il mouse ma non con la tastiera.
Stiamo lavorando per correggerlo entro il [data prevista].
Redazione di questa dichiarazione
Dichiarazione redatta il 2026-11-01 tramite autovalutazione: analisi automatica secondo le WCAG 2.2 A e AA, test automatizzati di uso da tastiera e controllo automatizzato delle immagini e dei nomi di pulsanti e link[, e revisione manuale di …].
Osservazioni e contatti
Se trovi un problema di accessibilità o ti servono le informazioni in un altro formato, scrivici a [email] o chiamaci al [telefono]. Risponderemo entro un massimo di [termine: 30 giorni nelle pubbliche amministrazioni; nelle aziende, quello che stabilisci].
Procedura di reclamo
Se ritieni che questo servizio non rispetti i requisiti di accessibilità, puoi presentare un reclamo all'AgID (art. 21 del d.lgs. 82/2022).
Gli errori, uno per uno
1. Pulsanti senza nome (menu, cerca, chiudi…) che non si possono usare con uno screen reader
Critico · 1 elemento in 1 pagine su 3 · regola button-name
Come correggerlo. Dare un nome a ogni pulsante: testo visibile o aria-label ("Aggiungi al carrello", "Chiudi", "Cerca").
5. Campi il cui unico nome è il testo di esempio al loro interno
Quando si inizia a scrivere scompare, e alcuni screen reader non lo leggono nemmeno.
Grave · 6 elementi in 3 pagine su 3 · regola wa-placeholder
Come correggerlo. Aggiungere a ogni campo una <label> visibile (o, se non può essere visibile, un aria-label). Il placeholder può restare come esempio, ma non sostituisce l'etichetta.
Critico · 1 elemento in 1 pagine su 3 · regola image-alt
Come correggerlo. Aggiungere a ogni <img> un attributo alt che descriva ciò che l'immagine comunica (per es. alt="Scarpa da running blu, vista laterale"). Se è solo decorativa, alt="" vuoto.
7. Testi con poco contrasto, difficili da leggere per le persone ipovedenti
Grave · 13 elementi in 3 pagine su 3 · regola color-contrast
Come correggerlo. Scurire il testo o schiarire lo sfondo fino a un contrasto di 4,5:1 (3:1 per i testi grandi). Nel report compare ogni coppia di colori che non va.
https://cafedemuestra.example/Codice: Codice: <p class="promo">Envío gratis a partir de 35 € · Tostamos cada lunes en pequeños lotes</p>Testo #9a8775 su sfondo #fffaf2: contrasto 3.31:1, serve 4.5:1.
https://cafedemuestra.example/contacto.htmlCodice: Codice: <p class="promo">Respondemos en menos de 24 horas laborables.</p>Testo #9a8775 su sfondo #fffaf2: contrasto 3.31:1, serve 4.5:1.
9. La pagina esce dal bordo destro quando la si ingrandisce o su uno smartphone piccolo
Chi ingrandisce il testo deve scorrere di lato a ogni riga.
Grave · 1 elemento in 1 pagine su 3 · regola wa-reflow
Come correggerlo. Fare in modo che il layout si adatti a 320 px di larghezza: niente larghezze fisse in pixel, immagini con max-width: 100 % e tabelle o blocchi larghi con il proprio scorrimento.
https://cafedemuestra.example/ (su schermo di smartphone)Codice: Codice: <html> (la pagina esce a destra a 320 px)
10. Titoli che saltano livelli
Lo screen reader fa pensare che manchi una parte della pagina.
Moderato · buona pratica · 1 elemento in 1 pagine su 3 · regola heading-order
Come correggerlo. Usare i titoli in ordine (<h1>, poi <h2>, <h3>…) senza saltare livelli; la dimensione si cambia con il CSS, non con il livello.
