Filati e creatività
danielefilati.it
danielefilati.it
MENU
Vendita online di cordini thai e filati di lana e cotone.
Biancheria per la casa e articoli per ricamo.
MENU
Dichiarazione di accessibilità
Tel. 3392541145
postmaster@danielefilati.it
Il presente Report sulle criticità legali di accessibilità ha l’obiettivo di documentare lo stato di conformità del sito Daniele Bottazzi - 46020 Quingentole ( MN ) Strada Fienili 1 - P.iva : 00600280200 - CCIAA di Mantova - daniele_bottazzi@arubapec.it ai requisiti previsti dalla normativa in materia di accessibilità digitale, con particolare riferimento alle Linee guida WCAG 2.1 (Web Content Accessibility Guidelines) e alla normativa europea e nazionale di recepimento, tra cui la Direttiva (UE) 2016/2102 e il Decreto Legislativo 10 agosto 2018, n. 106.
L’analisi è finalizzata a individuare le eventuali criticità tecniche e legali che possono compromettere l’accessibilità del sito, ostacolando la fruizione dei contenuti da parte di utenti con disabilità o con limitazioni temporanee o permanenti.
La valutazione si basa sui risultati del checkup di accessibilità condotto secondo i quattro principi fondamentali delle WCAG:
L’esito del presente report costituisce la base per la redazione della Dichiarazione di Accessibilità e per la definizione del piano di adeguamento tecnico e documentale, in conformità agli obblighi di legge e alle best practice internazionali.
A. PERCEPIBILE
La categoria “Percepibile” riguarda la capacità del sito di rendere i contenuti accessibili a tutti gli utenti, indipendentemente dalle loro abilità sensoriali.
In questa sezione vengono analizzati gli aspetti relativi alla presentazione visiva e uditiva delle informazioni, con particolare attenzione a immagini, testi, colori, contenuti multimediali e struttura visiva delle pagine.
L’obiettivo è garantire che ogni informazione o funzione del sito sia fruibile attraverso più modalità percettive (testo, suono, grafica, alternative testuali), in modo che nessun utente sia escluso per mancanza di una specifica capacità sensoriale.
Contenuti non testuali
Tutte le immagini e gli elementi grafici del sito hanno un testo alternativo coerente e significativo, inserito nell’attributo alt o tramite descrizione associata. Gli elementi decorativi sono correttamente contrassegnati come tali (ad esempio alt="").
Informazioni e correlazioni
Tutti i contenuti strutturati (moduli, tabelle, titoli, elenchi) utilizzano i marcatori semantici corretti: le etichette dei campi sono collegate ai relativi input (label for), le tabelle hanno intestazioni (th) e i titoli rispettano un ordine logico di livelli (h1, h2, h3...).
Caratteristiche sensoriali
Rivedi le istruzioni sostituendo i riferimenti puramente visivi o sensoriali con descrizioni testuali o funzionali. Es.: invece di “premi il tasto verde”, scrivi “premi il tasto Conferma” o “seleziona il pulsante con l’icona del carrello”.
Orientamento
Il layout del sito si adatta correttamente ai due orientamenti, mantenendo leggibilità, accesso ai comandi e corretto posizionamento dei contenuti.
Identificare lo scopo dell'input
Tutti i campi modulo presentano etichette testuali e attributi semantici appropriati, così che browser e tecnologie assistive possano riconoscere correttamente lo scopo di ciascun campo.
Uso del colore
Aggiungi un testo, un’icona o un altro indicatore visivo oltre al colore per trasmettere l’informazione. Esempio: invece di mostrare solo un campo rosso per errore, aggiungi anche la scritta “Campo obbligatorio” o un’icona di avviso.
Constrasto minimo
Tutti i testi del sito rispettano i rapporti minimi di contrasto, risultando chiari e leggibili anche per utenti con disabilità visive o daltonismo.
Ridimensionamento del testo
Rivedi il layout per renderlo compatibile con l’ingrandimento del testo. Usa unità relative (em, rem, %) al posto dei pixel, e assicurati che gli elementi fluiscano correttamente quando la pagina viene zoomata. È consigliabile integrare un widget di accessibilità che permetta all’utente di aumentare o ridurre la dimensione del testo in autonomia, migliorando la leggibilità per chi ha difficoltà visive.
Immagini di testo
Tutti i testi sono riprodotti come testo vero, selezionabile e leggibile dai lettori di schermo. Le immagini di testo vengono usate solo quando indispensabili, come per loghi o elementi di design.
Ricalcolo del flusso
Il layout si adatta correttamente alle diverse dimensioni dello schermo. I testi si ridistribuiscono, le immagini si ridimensionano e non è necessario scorrere lateralmente per visualizzare i contenuti.
Contrasto in contenuti non testuali
Tutti gli elementi grafici informativi presentano un contrasto minimo di 3:1 rispetto allo sfondo, come richiesto dalle WCAG. Le icone e i pulsanti sono chiaramente visibili e riconoscibili in tutte le modalità di visualizzazione.
B. UTILIZZABILE
La categoria “Utilizzabile” (principio Operable delle WCAG 2.1) valuta la capacità del sito di essere navigato e utilizzato attraverso diversi strumenti di interazione, inclusa la tastiera, le tecnologie assistive e i dispositivi mobili. Questa sezione analizza le modalità di navigazione, interazione e controllo dei contenuti, verificando che tutti i componenti interattivi — come link, pulsanti, moduli e menu — siano effettivamente accessibili e utilizzabili da ogni utente.
L’obiettivo è assicurare che nessuna funzione del sito dipenda esclusivamente da un tipo di input (es. mouse o touchscreen) e che l’interfaccia consenta una navigazione chiara, coerente e priva di ostacoli.
Navigazione da tastiera
Tutti gli elementi interattivi del sito sono accessibili e attivabili tramite tastiera. Il focus si sposta in modo logico e visibile, permettendo all’utente di navigare senza bisogno del mouse.
Titolazione delle pagine
Ogni pagina ha un titolo univoco, coerente con i contenuti e utile per identificare la sezione del sito (es. “Contatti – Azienda X” o “Catalogo Prodotti – Azienda X”).
Scopo del link
Tutti i link hanno testi descrittivi che spiegano chiaramente la destinazione o l’azione (es. “Scarica il catalogo PDF”, “Leggi le condizioni di vendita”), e non usano formule generiche come “clicca qui” o “scopri di più”.
Modalità differenti di navigazione
Il sito offre diverse modalità di accesso ai contenuti: menu chiari e coerenti, barra di ricerca funzionante e una mappa del sito o collegamenti alternativi per orientarsi facilmente tra le pagine.
Intestazione delle etichette
Le intestazioni e le etichette descrivono in modo preciso e coerente i contenuti o le funzioni. I titoli seguono una gerarchia logica (H1, H2, H3…) e le etichette dei campi indicano chiaramente cosa deve essere inserito.
Focus visibile
Ogni elemento interattivo (link, pulsanti, campi di input, menu, ecc.) mostra un chiaro stato di focus visivo, come un bordo evidenziato o uno sfondo colorato, così da capire dove si trova il cursore della tastiera.
C. COMPRENSIBILE
Lingua della pagina
La pagina HTML contiene l’attributo lang impostato correttamente, ad esempio per l’italiano o per l’inglese. I contenuti in altre lingue hanno tag secondari dedicati (, ecc.).
Focus
Modifica il comportamento degli elementi che si attivano automaticamente al focus. Esempio: un menu a tendina non deve cambiare pagina appena riceve il focus, ma solo dopo che l’utente ha confermato la scelta.
Input
Tutti i moduli o le funzioni richiedono un’azione consapevole per eseguire operazioni (invio, aggiornamento, cambio di pagina). Gli utenti sono sempre informati prima di eventuali cambiamenti.
Coerenza della navigazione
I componenti ricorrenti hanno un layout e una struttura costante: il menu, il breadcrumb e il footer si trovano sempre nello stesso punto e presentano gli stessi elementi e ordine logico.
Coerenza delle etichette
Gli elementi che eseguono la stessa funzione sono sempre denominati nello stesso modo in tutto il sito. Ad esempio, tutti i pulsanti di invio riportano la scritta “Invia” e non varianti come “Conferma” o “Procedi”.
Identificazione degli errori
Gli errori nei moduli sono evidenziati chiaramente con un messaggio di testo vicino al campo interessato (es. “Inserisci un indirizzo email valido”) e, se possibile, con un’indicazione visiva come un bordo colorato o un’icona di avviso.
Istruzione delle etichette
Ogni campo del modulo ha un’etichetta o un’istruzione chiara, visibile e comprensibile, che indica cosa inserire e, se necessario, il formato atteso (es. “Email (es. nome@esempio.com)”).
Suggerimenti per gli errori
I messaggi di errore indicano chiaramente la causa del problema e spiegano come risolverlo. Esempio: “Inserisci un indirizzo email valido nel formato nome@esempio.com” invece di un generico “Errore nel campo email”.
C. ROBUSTO
La categoria “Robusto” valuta la compatibilità tecnica del sito con i diversi browser, dispositivi e tecnologie assistive. Un contenuto è “robusto” quando è costruito con un codice conforme agli standard e capace di essere interpretato correttamente dai lettori di schermo, dai software di ingrandimento e da altri strumenti di accessibilità.
L’obiettivo è garantire che il sito resti accessibile anche al variare delle tecnologie o degli aggiornamenti di sistema.
Analisi sintattica
Il codice HTML è valido e strutturato correttamente: non ci sono tag mancanti, elementi mal annidati o attributi errati.
Compatibilità elementi interattivi
Tutti gli elementi interattivi forniscono nome, ruolo e stato tramite markup semantico corretto (, , , ecc.) o attributi ARIA (aria-label, role, aria-checked, ecc.), risultando pienamente interpretabili da screen reader e altri strumenti assistivi.
Messaggi di stato
I messaggi di stato vengono comunicati automaticamente tramite gli attributi WAI-ARIA appropriati (role="status", role="alert", aria-live="polite" o aria-live="assertive"), mantenendo il focus sull’elemento attivo.
CONCLUSIONI
Il presente report è stato generato in data: 31/10/2026
danielefilati.it @ Tutti i diritti sono riservati.