Rendiamo il nostro sito facile da usare e navigare per tutti, seguendo le linee guida WCAG per garantire un’esperienza inclusiva e senza barriere.
Personalizza la tua esperienza
Filtri visivi
Modalità notte
Monocromatico
Saturazione bassa
Saturazione alta
Contrasto basso
Contrasto alto
Colori del sito
Colore di sfondo
Colore dei titoli
Colore di pulsanti e link
Dimensione dei contenuti
Altezza dei caratteri
+5%
+10%
+15%
+20%
Altezza della linea
+5%
+10%
+15%
+20%
Spaziatura delle lettere
+5%
+10%
+15%
+20%
Reset delle impostazioni
Contenuto Accessibile e Comprensibile
Ci concentriamo sulla creazione di contenuti chiari, ben strutturati e facilmente fruibili da tutti.
Mappa del sito
Comprendiamo l’importanza di un accesso facile e veloce a tutte le informazioni che cerchi. Per questo motivo, abbiamo creato la Mappa del Sito, una pagina dedicata che funge da indice completo di tutti i contenuti disponibili. Qui potrai navigare agevolmente tra le nostre pagine istituzionali, esplorare le diverse categorie di prodotti e scoprire tutti gli articoli disponibili nel nostro e-commerce, garantendoti un’esperienza di navigazione intuitiva e senza ostacoli.
Gerarchia dei Titoli (Heading Tags)
Utilizziamo una struttura logica e gerarchica per i titoli (H1, H2, H3, ecc.) in ogni pagina. Questo non solo migliora la leggibilità, ma permette anche ai lettori di schermo di navigare facilmente tra le diverse sezioni del contenuto, comprendendone l’organizzazione.
Breadcrumb
Per migliorare e velocizzare la tua esperienza, sotto al titolo di ogni pagina ci sono le breadcrumb. Questo elemento ti permette di risalire rapidamente ai livelli superiori del sito, tornare indietro con un solo clic senza dover usare il pulsante “indietro” del browser, comprendere immediatamente dove ti trovi nella gerarchia del sito
Contrasto di Colore Sufficiente
Abbiamo scelto combinazioni di colori che garantiscono un contrasto sufficiente tra il testo e lo sfondo. Questo assicura che il testo sia sempre ben leggibile, anche per persone con ipovisione o daltonismo, rispettando i requisiti di contrasto.
Testo dei Link Descrittivo
Tutti i link sul nostro sito hanno un testo chiaro e descrittivo che ne indica la destinazione o la funzione. Evitiamo espressioni generiche come “clicca qui” o “leggi di più”, sostituendole con descrizioni significative che aiutano gli utenti a capire cosa aspettarsi prima di cliccare.
Testo Alternativo (Alt Text) per le Immagini
Ogni immagine significativa, icona o elemento grafico non decorativo sul nostro sito è accompagnato da un testo alternativo descrittivo. Questo testo permette ai lettori di schermo e ad altri strumenti assistivi di comunicare il contenuto o la funzione dell’immagine a chi non può vederla. Le immagini puramente decorative sono marcate in modo appropriato per non generare disturbo.
Sottotitoli e Trascrizioni per Media
Per i contenuti audio e video, forniamo sottotitoli e/o trascrizioni, rendendo le informazioni accessibili anche a persone sorde o con problemi di udito. Laddove opportuno, consideriamo anche audiodescrizioni per i contenuti video, a beneficio di chi ha disabilità visive.
Linguaggio Chiaro e Semplice
Ci impegniamo a scrivere in un linguaggio chiaro, conciso e privo di gergo eccessivo. Il nostro obiettivo è rendere le informazioni comprensibili al più ampio pubblico possibile.
Liste Semantiche
Utilizziamo le liste (<ul> e <ol>) e gli elementi di lista (<li>) in modo corretto per presentare le informazioni in elenchi. Questo garantisce che i lettori di schermo possano interpretare e presentare le liste in modo accurato e comprensibile.
Elementi Interattivi e Moduli Accessibili
Abbiamo curato la progettazione degli elementi interattivi e dei moduli per garantire un’interazione fluida e accessibile.
L’intero sito è stato progettato per essere completamente navigabile utilizzando solo la tastiera. Puoi accedere a tutti i contenuti, menu e funzionalità, inclusa l’intera esperienza di acquisto, senza l’ausilio del mouse, utilizzando il tasto Tab e altri comandi standard della tastiera. Ogni fase del processo di acquisto, dalla selezione del prodotto al checkout e al pagamento, è interamente accessibile e completabile tramite tastiera.
Compatibilità con i Lettori di Schermo
Il nostro sito è sviluppato per essere pienamente compatibile con i più comuni lettori di schermo (come NVDA, JAWS, VoiceOver). Tutti gli elementi interattivi, il testo e la struttura sono marcati semanticamente per consentire ai lettori di schermo di interpretare e vocalizzare correttamente il contenuto, offrendo un’esperienza di navigazione fluida e completa.
Etichette Chiare per i Moduli
Ogni campo dei nostri moduli (campi di testo, caselle di controllo, pulsanti radio, menu a discesa) è associato a un’etichetta chiara e specifica. Questo permette agli utenti che utilizzano lettori di schermo di comprendere facilmente lo scopo di ogni campo e di interagire con essi in modo efficace.
Messaggi di Errore Accessibili
Se si verifica un errore durante la compilazione di un modulo, i messaggi di errore sono chiari, specifici e indicano esattamente cosa è andato storto e come correggerlo. Sono inoltre associati al campo pertinente, per guidare al meglio l’utente.
Stato del Focus Visibile
Quando navighi sul nostro sito usando la tastiera (ad esempio con il tasto Tab), vedrai sempre un indicatore di focus chiaro e ben visibile attorno all’elemento attivo (link, pulsante, campo di testo). Questo ti permette di sapere sempre dove ti trovi sulla pagina.
Struttura Generale del Sito
La struttura stessa del nostro sito è pensata per facilitare la navigazione e l’orientamento.
Saltare al Contenuto Principale (Skip Links)
Abbiamo implementato gli “skip links”, collegamenti invisibili ma accessibili tramite tastiera che ti permettono di saltare rapidamente blocchi di contenuto ripetitivi (come l’header o il menu di navigazione) e andare direttamente al contenuto principale della pagina. Questo ti fa risparmiare tempo e fatica.
Attributo di Lingua (lang)
Il nostro sito è correttamente marcato con l’attributo di lingua (lang=”it-IT” per l’italiano), che aiuta i lettori di schermo a pronunciare il contenuto in modo accurato e comprensibile.
Gestione degli Errori 404
Se perdi la strada e atterri su una pagina di errore 404, troverai una pagina chiara e utile che ti informa che la pagina non è stata trovata e ti offre la funzione di ricerca delle pagine del sito, per aiutarti a trovare ciò che cerchi.
Ci impegniamo a mantenere e migliorare continuamente l’accessibilità del nostro sito. Il tuo feedback è prezioso per noi: se incontri difficoltà o hai suggerimenti su come possiamo migliorare, contattaci.