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 16/10/2025.
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 tooltip tramite tag <title>.
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
- Collegamento "Salta al contenuto principale" implementato per semplificare la navigazione da tastiera, reso invisibile nella navigazione tradizionale per un'esperienza utente fluida.
- Le lunghe liste di link all'interno dei
<nav>sono definiti da<tabindex:-1;>quando i menu sono chiusi, per ridurre le tabulazioni durante la navigazione. - Quando viene aperto il sommario, il focus si sposta sul primo link del sommario, per permettere una navigazione fluida a chi vuole saltare ad uno specifico capitolo.
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.
- Rapporti di contrasto conformi al livello WCAG 2.1 AAA per testo
e sfondi, verificati con strumenti specifici. 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">.
Compatibilità coi lettori di schermo
- Link non descrittivi sono accompagnati da attributi
<title>oppure<aria-label>, ragionando su quale dei due fosse la scelta migliore in ogni caso specifico. - Tutte le immagini e le icone di navigazione sono dotate di descrizioni
<alt>o<title>significative. - Le immagini SVG hanno attributi
<role="img">e<aria-label>per supportare tecnologie assistive. Nel caso di immagini secondarie il focus è stato disattivato con<focusable="false">e sono state e sono contrassegnate con<aria-hidden="true">in quanto decorative. - I termini stranieri sono contrassegnati con il relativo attributo
<lang="en">, mentre i termini dialettali ladini hanno l'attributo<lang="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 ES5 per garantire il funzionamento anche su dispositivi meno recenti e non aggiornati.
- Pur essendo consigliato avere i JavaScript attivi per l'apertura dei menu, il sito è perfettamente navigabile 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.