Dichiarazione di Accessibilità
Dichiarazione di Accessibilità
Report di accessibilità digitale
generato in data: 16/07/2026
Il presente Report sulle criticità legali di accessibilità ha l’obiettivo di documentare lo stato di conformità del sito https://www.elmas-loco.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:
- Percepibile – le informazioni devono essere presentate in modo che gli utenti possano percepirle;
- Utilizzabile – i componenti dell’interfaccia e la navigazione devono essere utilizzabili da tutti;
- Comprensibile – le informazioni e il funzionamento del sito devono essere facilmente comprensibili;
- Robusto – i contenuti devono essere compatibili con le tecnologie assistive e i diversi dispositivi.
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
Le istruzioni sono formulate in modo chiaro e comprensibile anche per chi non percepisce elementi visivi o sensoriali (colori, forme, posizioni).
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
Tutti i messaggi, pulsanti o stati che usano il colore per distinguersi (es. verde/rosso) hanno anche un’informazione testuale o simbolica equivalente.
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
Il sito è completamente leggibile e funzionale anche con zoom al 200%. Il layout è responsive, i testi si adattano allo schermo e nessun contenuto o funzione viene nascosto o tagliato.
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
Gli elementi interattivi del sito non generano azioni automatiche al semplice passaggio del focus: ogni azione richiede un intervento esplicito dell’utente (clic o pressione del tasto).
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: 16/07/2026