Dichiarazione di Accessibilità

Impegno per l'accessibilità 

Misure adottate 

• Skip link: aggiunto il collegamento "Salta al contenuto principale" come primo elemento raggiungibile via tastiera, che consente agli utenti di screen reader e navigazione da tastiera di bypassare la navigazione ripetitiva e accedere direttamente al contenuto dell'articolo;
• Modali accessibili: tutte le finestre modali (galleria immagini, ricerca,carouselgiornali) sono state adeguate con gestione del focus trap (il focus rimane confinato all'interno della modale durante la navigazione da tastiera), attributi ARIA corretti (role="dialog", aria-modal="true", aria-labelledby), chiusura tramite tasto Esc e ripristino del focus sull'elemento di apertura alla chiusura;Preferenza di moto ridotto: le animazioni e transizioni dell'interfaccia si disabilitano automaticamente quando l'utente ha attivato la preferenza prefers-reduced-motionnel proprio sistema operativo;
• Titoli descrittivi sugli iframe: quasi tutti i contenuti incorporati tramite iframe(video YouTube, video Meride, tweet X, post Instagram) sono stati dotati di attributo title descrittivo, in modo che gli screen reader possano identificare il contenuto senza dovervi accedere;Indicatore di pagina corrente: i link di navigazione attivi in header, menu laterale e footer riportano l'attributo aria-current="page", consentendo agli screen reader di comunicare all'utente la sezione in cui si trova;
• Etichette e testi alternativi: aggiunti attributi aria-label descrittivi ai link interattivi privi di testo visibile e attributi alt alle immagini che ne erano sprovviste, inclusi i link generati dinamicamente nei paragrafi degli articoli;
• Chiusura accessibile del menu: aggiunto un pulsante "Chiudi menu" visibile esclusivamente agli utenti che navigano da tastiera o utilizzano screen reader (posizionato in fondo al menu laterale), che evita la necessità di tornare manualmente in cima con Shift+Tab per chiudere il pannello; 

Metodo di verifica 

• Axe Dev Tools per analisi approfondita delle violazioni WCAG con ispezione manuale su oltre 25 pagine campione rappresentative di tutte le tipologie di contenuto del sito;
• PageSpeed Insights / Lighthouse per analisi automatica di performance e accessibilità 

AxeDevTools 

• Homepage
• Pagina tag
• Sezione standard (es. Politica)
• Sezione dossier (es. Gran Milano)
• Sezione lettere al direttore
• Sezione rubrica
• Sezione rubriche 
• Cartella multimedia vignette
• Pagina autore
• Elenco autori
• Contatti
• FAQ
• Privacy Policy
• Termini di utilizzo
• RSS 

• Nei link può mancare l’aria-label in quanto gli screen reader possono leggere il contenuto testuale del link. In generale però viene indicato un aria label specifico per ciascun link;
• Negli iframe può non essere indicato per errore il title.   

PageSpeed Insight e Lighthouse 

• Le pagine articolo prese a campione oscillano tra l'89%e 96% di accessibilità a causa del contenuto dell’articolo stesso, di componenti di terze parti non gestibili e della pubblicità;
• Tutte le altre pagine esaminate hanno un'accessibilità del 96% in media, dovute a componenti di terze parti non gestibili e alla pubblicità; 

Limitazioni residue e contenuti di terze parti 

• Banner cookie (CMP): il banner di gestione del consenso presenta problemi di contrasto cromatico (WCAG 1.4.3 — Livello AA). Verrà segnalato al fornitore del servizio CMP per richiedere la personalizzazione dei colori;
• Embed Facebook: alcuni elementi <span> iniettati da Facebook includono attributo aria-label in posizione non consentita dalle specifiche ARIA (WCAG 4.1.2). Non modificabile;
• Widget Spotify: la lista dei tag utilizza <span> come figli diretti di <ul> in violazione della semantica HTML. Non modificabile;
• Embed Instagram: alcune immagini dei post incorporati sono prive di testo alternativo; alcuni link sono privi di etichetta accessibile. Non modificabile;
• Pubblicità: la pubblicità può presentare delle non conformità agli standard dell’accessibilità non controllabili;

Contatti e segnalazioni