Dichiarazione di accessibilità
Il nostro sito è stato progettato per essere il più accessibile possibile e per offrire un'esperienza digitale inclusiva. Nei capitoli seguenti potete leggere la nostra dichiarazione di accessibilità.
Pur non avendo alcun obbligo normativi, abbiamo comunque scelto di impegnarci a migliorare l'accessibilità del nostro sito, per garantire un'esperienza migliore a tutti, incluse le persone con disabilità.
Questa autodichiarazione di accessibilità si riferisce al sito www.ciaocortina.com ed è stata redatta in data
Il sito è stato progettato per rispettare gli standard di accessibilità delle WCAG 2.1 livello AA, in conformità all'European Accessibility Act (Direttiva UE 2019/882, applicabile dal 2025) e alla Legge 4/2004 (Legge Stanca) con le relative linee guida AGID.
Il sito soddisfa anche la maggior parte dei criteri di livello AAA delle WCAG 2.1, ad eccezione della guida sensibile al contesto (criterio 2.4.5), ritenuta non necessaria per la natura dei contenuti.
Alcune icone potrebbero essere considerate poco leggibili, ma si tratta di icone puramente estetiche, contrassegnate da
<aria-hidden="true">, oppure di icone di navigazione, che però sono provviste di aria-label.
Per segnalazioni, feedback o qualsiasi proposta di modifica all'accessibilità, potete scriverci una mail all'indirizzo info@ciaocortina.com
La conformità è stata verificata attraverso un'attenta analisi e design del codice, effettuate in modo tradizionale, integrata da strumenti automatizzati, come Google PageSpeed Insights, Lighthouse e l'intelligenza artificiale Grok di xAI.
Nei capitoli seguenti trovate un approfondito elenco delle misure adottate per garantire l'accessibilità del sito.
Navigazione da tastiera
- Navigazione completa da tastiera, con un focus sui link altamente visibile, in colori accessibili anche per utenti con daltonismo e complementari al tema del sito.
- Collegamento Salta al contenuto principale implementato per semplificare la navigazione da tastiera, reso invisibile nella navigazione tradizionale per un'esperienza utente fluida.
- Utilizzo di elenchi puntati semantici per i menu e le sue diverse voci, nello specifico
<nav>contenenti<ul>e<li>. - Le lunghe liste di link all'interno dei
<nav>sono definiti da<tabindex:-1;>e<aria-hidden="true";>quando i menu sono chiusi, per ridurre le tabulazioni durante la navigazione e l'eventuale lettura dei collegamenti non visibili. - Quando viene aperto un
<nav>, il focus si sposta sul primo link disponibile, per permettere una navigazione agevolata. - All'apertura e chiusura dei menu i rispettivi bottoni, identificati da
aria-controls, variano il loroaria-expandedfra gli stati"false"e"true"
Miglioramenti alla leggibilità
- Compatibilità con zoom fino al 300% sulla versione desktop (testato con risoluzione Full HD) e supporto per risoluzioni minime di 320 pixel su dispositivi mobili, garantiscono funzionalità senza perdita di contenuti anche a coloro che hanno limitazioni alla vista. Su schermi a risoluzioni più alte, l'ingrandimento può essere anche maggiore.
- Uso di unità rem per le dimensioni di ogni elemento, assicurando un adattamento ottimale a diverse risoluzioni e ridimensionamenti. La dimensione del carattere può essere alzata fino a 48 pixel (testato con risoluzione Full HD)
- Rapporti di contrasto conformi al livello WCAG 2.1 AAA per testo
e sfondi, verificati con strumenti specifici. Praticamente tutti i testi hanno un contrasto
minimo di 7:1, generalmente superiore, mentre le icone hanno almeno 3:1, ad eccezione
di alcune piccole icone puramente estetiche definite da
<aria-hidden="true">. - Nell'ultimo aggiornamento grafico abbiamo inserito alcune animazioni, che sono comunque disattivabili
attraverso la funzione
<prefers-reduced-motion:reducedirettamente dal vostro sistema operativo o dalle impostazioni del browser.
Compatibilità coi lettori di schermo
- I collegamenti non descrittivi sono accompagnati da attributi
<aria-label>.. - Tutte le immagini e le icone di navigazione sono dotate di descrizioni
<alt>o<title>significative. - Le immagini SVG hanno attributi
<aria-label>per supportare tecnologie assistive. Le immagini secondarie sono contrassegnate con<aria-hidden="true">in quanto decorative. Le svg di alta importanza hanno iltitleed ilaria-labelledby. - I termini stranieri sono contrassegnati con il relativo attributo
lang="en", mentre i termini dialettali ladini hanno l'attributolang="lld"per una corretta pronuncia da parte degli screen reader.
Struttura HTML
- Struttura HTML5 è semantica, con elementi
<nav>,<header>,<main>,<aside>e<footer>per una chiara gerarchia dei contenuti. - Conformità agli standard HTML5, validata tramite il W3C Markup Validator per ogni pagina del sito.
- Il nostro JavaScript è scritto aderendo gli standard ES6. Dopo tanti anni in cui abbiamo supportato anche i dispositivi obsoleti, nell'ultimo aggiornamento abbiamo preso la sofferta decisione di adeguare il sito a standard moderni. Abbiamo deciso che i vantaggi superano gli inconvenienti per una percentuale ormai irrisoria di dispositivi obsoleti.
- Pur essendo consigliato avere i JavaScript attivi per l'apertura dei menu, il sito è navigabile in modo decente anche con gli script disattivati. In ogni caso, il codice è completamente scritto a mano e non dipende da alcuna libreria esterna, possiamo quindi garantire che è assolutamente lecito, cosa che può essere verificata anche leggendo il codice sorgente della pagina, o facendolo analizzare ad un LLM.