SevirantaEcco come si presenta un vero dossier di conformità
Questo non è un esempio di marketing né una sintesi. Qui sotto vedi un rapporto completo e integrale, generato esattamente dallo stesso motore di scansione che in seguito analizzerà di continuo anche la tua piattaforma.
Cosa mostra questo esempio
Una scansione reale, senza messinscena
Realizzata sul nostro ambiente demo, con errori inseriti di proposito. Non composta né adattata per la presentazione.
Lo stesso motore della produzione
Questa è esattamente la stessa scansione e profondità che in seguito valuterà le tue pagine.
Integrale, riga per riga
Ogni rilievo include la posizione esatta e una correzione concreta. Niente omesso, niente abbellito.
Scalabile dal singolo negozio online all'enterprise
La stessa norma, la stessa profondità e la stessa prova, indipendentemente dalle dimensioni della tua piattaforma.
Come è stato creato questo esempio
Questa è una scansione reale del nostro negozio demo “Nordlys Living”, un webshop fittizio in cui abbiamo inserito gli errori che incontriamo più spesso sul campo: immagini senza testo alternativo, contrasto cromatico troppo basso, un campo senza etichetta, un pulsante e un link senza nome. Puoi vedere tu stesso la pagina demo. Niente in questo report è inventato o gonfiato, quello che il motore ha trovato lo vedi qui sotto.
Risultato per https://seviranta.com/demo-winkel.html
5 violazioni · 12 punti su questa pagina falliscono il test WCAG 2.1 e 2.2 AA.
Sei tenuto per legge a rispettare l’European Accessibility Act. Iscriviti a un audit continuo per evitare sanzioni.
Testato secondo EN 301 549 (WCAG 2.1 AA) + WCAG 2.2 AA con axe-core 4.11.4. Il test automatizzato rileva in modo affidabile circa il 57% dei problemi; i punti di revisione richiedono un giudizio umano. Non è una dichiarazione di piena conformità.
Per criterio WCAG
Le stesse violazioni, raggruppate per il criterio di successo che riguardano.
- 1.4.3 Contrasto (minimo)7 punti
- 4.1.2 Nome, ruolo, valore3 punti
- 1.1.1 Contenuto non testuale2 punti
- 2.4.4 Scopo del link (nel contesto)1 punto
Violazioni, certezza automatica
- Critico1× su questa pagina
Cosa significa · Un pulsante senza nome viene annunciato come 'pulsante': inutilizzabile per chi non vede. Riguarda spesso i pulsanti del carrello e della ricerca.
Come risolverlo · Dai al pulsante un testo o un aria-label che descriva l'azione ('Aggiungi al carrello', 'Cerca').
Sulla tua pagina
Errato ·<button class="icon-btn"><span aria-hidden="true">🔍</span></button>Corretto ·<button aria-label="Aggiungi al carrello"><svg>…</svg></button>WCAG wcag2a, wcag412 · Nome tecnico: Buttons must have discernible text · fonte tecnica per il tuo sviluppatore
- Grave7× su questa pagina
Cosa significa · Il testo con un contrasto insufficiente è illeggibile per le persone ipovedenti e sotto la luce diretta del sole su uno smartphone. È di gran lunga il rilievo EAA più frequente nei negozi online.
Come risolverlo · Scurisci o schiarisci il colore del testo o dello sfondo finché il rapporto non raggiunge almeno 4,5:1 (3:1 per il testo di grandi dimensioni). In Shopify: impostazioni del tema → colori; modifica i colori di pulsanti e testo una sola volta e la modifica vale per tutto il tema.
Sulla tua pagina
Testo di esempiomisurato 1,87:1, richiesto 4,5:1#b8b2a7 su #f4f1ecTesto di esempiomisurato 1,52:1, richiesto 4,5:1#ffffff su #a8dadcTesto di esempiomisurato 1,73:1, richiesto 4,5:1#c9c4bb su #ffffffWCAG wcag2aa, wcag143 · Nome tecnico: Elements must meet minimum color contrast ratio thresholds · fonte tecnica per il tuo sviluppatore
- Critico2× su questa pagina
Cosa significa · Le immagini senza testo alternativo sono invisibili per gli screen reader. Nel caso delle foto prodotto significa che un cliente non vedente non sa di che prodotto si tratta.
Come risolverlo · Assegna a ogni immagine informativa un breve testo alternativo che descriva cosa mostra. In Shopify: prodotto → contenuti multimediali → 'modifica testo alternativo'. Le immagini puramente decorative ricevono un alt vuoto (alt="").
Sulla tua pagina
Errato ·<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Crect fill='%23dfe7e2' width='220' height='140'/%3E%3Ccircle cx='110' cy='70' r='38' fill='%238aa39b'/%3E%3C/svg%3E" width="220" height="140">Corretto ·<img src="cane.jpg" alt="Cucciolo di labrador marrone con collare">…e 1 elemento simile su questa pagina.
WCAG wcag2a, wcag111 · Nome tecnico: Images must have alternative text · fonte tecnica per il tuo sviluppatore
- Critico1× su questa pagina
Cosa significa · I campi di input senza etichetta non si possono usare con uno screen reader e sono difficili per chiunque abbia una disabilità. Riguarda i campi di ricerca, di accesso e del checkout.
Come risolverlo · Collega un <label> visibile a ogni campo di input (for/id), oppure usa un aria-label quando non c'è spazio per un testo visibile.
Sulla tua pagina
Errato ·<input type="email" name="email">Corretto ·<label for="email">Indirizzo e-mail</label><input id="email" type="email">WCAG wcag2a, wcag412 · Nome tecnico: Form elements must have labels · fonte tecnica per il tuo sviluppatore
- Grave1× su questa pagina
Cosa significa · Un link senza testo leggibile (ad es. solo un'icona) viene annunciato dallo screen reader come 'link' senza destinazione: il visitatore non sa dove porta.
Come risolverlo · Dai al link un testo visibile, oppure un aria-label o un testo nascosto che ne descriva la destinazione (ad es. 'Vedi il carrello' invece di una semplice icona del carrello).
Sulla tua pagina
Errato ·<a href="#cart"><span aria-hidden="true">🛒</span></a>Corretto ·<a href="/carrello" aria-label="Vedi il carrello"><svg>…</svg></a>WCAG wcag2a, wcag244, wcag412 · Nome tecnico: Links must have discernible text · fonte tecnica per il tuo sviluppatore
Richiede revisione manuale
- Grave1× su questa pagina
Cosa significa · Il testo con un contrasto insufficiente è illeggibile per le persone ipovedenti e sotto la luce diretta del sole su uno smartphone. È di gran lunga il rilievo EAA più frequente nei negozi online.
Come risolverlo · Scurisci o schiarisci il colore del testo o dello sfondo finché il rapporto non raggiunge almeno 4,5:1 (3:1 per il testo di grandi dimensioni). In Shopify: impostazioni del tema → colori; modifica i colori di pulsanti e testo una sola volta e la modifica vale per tutto il tema.
Sulla tua pagina
Errato ·<h2>Get 10% off your first order</h2>WCAG wcag2aa, wcag143 · Nome tecnico: Elements must meet minimum color contrast ratio thresholds · fonte tecnica per il tuo sviluppatore
Perché conta
L’European Accessibility Act è in vigore dal 28 giugno 2025, non un obbligo futuro ma diritto vigente. Gli Stati membri devono imporre sanzioni “effettive, proporzionate e dissuasive”. Inoltre, con ogni visitatore che non riesce a usare il tuo sito perdi un cliente che non completa l’acquisto. La buona notizia: le violazioni con certezza automatica qui sopra sono risolvibili.
Quanto può costare la non conformità
- Paesi Bassi, fino a decine di migliaia di euro per violazione più penale; l’ACM applica attivamente la normativa e nel 2026 ha diffidato i negozi online con i punteggi peggiori.
- Germania, fino a 100.000 € (BFSG).
- Francia, fino a 50.000 € per servizio online (Arcom).
- Spagna, 90.000 € effettivamente comminati a Vueling (confermati dalla Audiencia Nacional).
- Nel 2024 sono stati querelati 1.023 negozi online dotati di un widget overlay, il widget non li ha protetti.
Nell’ambito dell’EAA i primi provvedimenti e le prime cause sono partiti nel 2025-2026; l’applicazione diffusa di sanzioni è ancora agli inizi. Questi sono i massimali di legge.
La trappola dell’overlay
I widget che promettono di rendere il tuo sito “100% accessibile” con una sola riga di codice non riparano il codice sottostante, vi sovrappongono uno strato, possono introdurre nuovi problemi e non ti proteggono dalle cause. Nel 2025 l’autorità statunitense FTC ha multato un noto fornitore di overlay per 1 milione di dollari per affermazioni di compliance ingannevoli. Noi facciamo l’opposto: mostriamo cosa succede davvero e come risolverlo davvero.
Quanto costa tenere tutto questo aggiornato da soli?
Una stima approssimativa basata sulla TUA scansione, adatta i numeri alla tua situazione.
I 12 punti su QUESTA pagina costano, secondo le stime, 3 ore ≈ 270 € di tempo di correzione.
E questa è una correzione una tantum. Il tuo sito cambia di continuo, senza monitoraggio si insinuano sempre nuovi errori e tutto ricomincia. Seviranta li individua e li monitora in modo continuo, così fai il lavoro in modo mirato e una volta sola, bene.
Stima, non un preventivo. Il lavoro effettivo dipende da come è costruito il tuo sito, componenti e template riutilizzabili fanno risparmiare molto.
La tua dichiarazione di accessibilità, generata automaticamente
Da un audit completo produciamo la tua dichiarazione di accessibilità richiesta dalla legge, per l’UE, gli USA o tutto il mondo, pronta da pubblicare sul tuo sito. Crea un account per generarla e scaricarla.
Crea un accountVuoi sapere cosa trova lo stesso motore sul tuo sito?
La scansione gratuita esamina una pagina del tuo sito in piena profondità. Nessun account, nessuna carta di credito, e non conserviamo nulla.