1. Obiettivo e riferimenti
Lavoriamo prendendo come riferimento i criteri delle linee guida internazionali per l’accessibilità dei contenuti web di livello AA, e teniamo presente il quadro normativo italiano ed europeo in materia di accessibilità degli strumenti informatici. Non dichiariamo una conformità certificata: non abbiamo svolto un audit di terza parte e non pubblichiamo una dichiarazione di accessibilità formale, che ha presupposti propri. Descriviamo invece, in modo verificabile, le misure adottate e i limiti che conosciamo.
2. Misure adottate nella struttura
- Un collegamento «Vai al contenuto principale» come primo elemento attivabile di ogni pagina.
- Marcatori semantici: intestazione, navigazione, contenuto principale e piede distinti, con un solo titolo di primo livello per pagina.
- Titoli annidati in ordine, senza salti di livello, per permettere la navigazione per intestazioni con il lettore di schermo.
- Indice interno numerato nelle pagine lunghe, con collegamenti alle sezioni.
- Tabelle con didascalia, intestazioni di colonna e, dove utile, intestazioni di riga dichiarate.
- Immagini vettoriali con testo alternativo o con titolo e descrizione interni al file.
3. Tastiera e stato dei componenti
Tutte le funzioni si possono usare da tastiera. Il pulsante che apre la navigazione compatta dichiara il proprio stato con l’attributo di espansione. L’avviso di prima visita è una finestra di dialogo dichiarata come tale, con il fuoco portato al suo interno, il ciclo di tabulazione confinato nella finestra e il ritorno del fuoco all’elemento di partenza dopo la chiusura; nel frattempo lo scorrimento della pagina è bloccato. La fascia delle preferenze e il pulsante di cancellazione della scelta comunicano l’esito attraverso una regione dinamica annunciata dai lettori di schermo.
| Componente | Comportamento previsto | Come verificarlo da tastiera |
|---|---|---|
| Collegamento di salto | È il primo elemento raggiungibile e porta all’inizio del contenuto | Premere Tab appena caricata la pagina, poi Invio |
| Pulsante della navigazione compatta | Dichiara se il menu è aperto o chiuso e apre l’elenco dei collegamenti | Attivarlo con Invio o barra spaziatrice e controllare che i collegamenti diventino raggiungibili |
| Avviso di prima visita | Riceve il fuoco, trattiene il ciclo di tabulazione e lo restituisce alla chiusura | Tenere premuto Tab e verificare che il fuoco non esca dalla finestra |
| Fascia delle preferenze | Compare dopo l’avviso, con due pulsanti e un collegamento, e si chiude alla scelta | Raggiungere i pulsanti con Tab e attivarli con Invio |
| Metro della struttura | Campi etichettati, errori descritti a parole e risultati annunciati quando cambiano | Inserire un valore non valido e ascoltare o leggere il messaggio |
| Modulo dei contatti | Ogni campo ha un’etichetta associata e la validazione è quella nativa del browser | Percorrere i campi con Tab e inviare lasciandone uno vuoto |
4. Colori, contrasto, tipografia
La combinazione di base — inchiostro scuro su carta chiara — è stata scelta per superare il rapporto di contrasto 4,5:1 richiesto per il testo corrente. I colori d’accento più chiari sono riservati a elementi decorativi, bordi e numerazioni, non al testo di lettura. Le dimensioni sono espresse in unità relative, così che l’ingrandimento del browser funzioni senza perdita di contenuto; i contenuti restano leggibili con ingrandimento fino al 200% e su schermi stretti, dove le colonne rigate si dispongono in verticale.
5. Movimento, focus, stampa
Il sito non contiene animazioni automatiche, caroselli, video o contenuti che si aggiornano da soli. Lo scorrimento morbido e le transizioni residue sono disattivati quando il sistema operativo dichiara la preferenza per la riduzione del movimento. L’indicatore di fuoco è visibile e ad alto contrasto su tutti gli elementi attivabili, e non è stato rimosso in nessun componente. Un foglio di stampa dedicato nasconde gli elementi non necessari, così che una lezione possa essere stampata o salvata in PDF mantenendo la struttura.
Verifiche che eseguiamo su ogni pagina
- Navigazione completa con la sola tastiera, dal collegamento di salto al piede.
- Ordine dei titoli senza salti di livello e un solo titolo di primo livello.
- Testo alternativo o descrizione presente per ogni immagine.
- Didascalia e intestazioni dichiarate in ogni tabella.
- Contrasto del testo corrente verificato rispetto al fondo.
- Comportamento della finestra di dialogo: fuoco, ciclo di tabulazione, ritorno.
- Leggibilità con ingrandimento al 200% e su larghezza ridotta.
6. Moduli, messaggi di errore, contenuti che cambiano
Nel sito ci sono due soli elementi che accettano dati: il modulo dei contatti e il metro della struttura, dentro la lezione sulla notizia. In entrambi ogni campo ha un’etichetta associata in modo esplicito, quindi il lettore di schermo la annuncia quando il fuoco vi arriva, e il testo dell’etichetta è sufficiente a capire che cosa inserire senza dover leggere il paragrafo precedente. Il modulo dei contatti usa la validazione del browser, che segnala il campo mancante con i messaggi del sistema in uso; non abbiamo sostituito quel comportamento con avvisi nostri, che sarebbero meno prevedibili.
Il metro della struttura descrive gli errori a parole — quale valore non è valido e in quale intervallo deve stare — invece di limitarsi a colorare un bordo, e i risultati sono racchiusi in una regione che viene annunciata quando cambia, senza spostare il fuoco. Lo stesso criterio vale per l’esito della cancellazione delle preferenze nella pagina sui cookie: il messaggio compare come testo, non come icona, e viene letto ad alta voce dalle tecnologie assistive.
7. Limiti noti
Dichiariamo i limiti che conosciamo. Le tabelle di confronto più larghe richiedono, su schermi stretti, uno scorrimento orizzontale all’interno del contenitore: la struttura resta corretta ma la lettura è meno comoda. Le illustrazioni vettoriali hanno una descrizione sintetica che non elenca ogni elemento grafico, perché sono decorative rispetto al contenuto. Non abbiamo svolto prove sistematiche con tutte le combinazioni di sistema operativo, browser e lettore di schermo: le verifiche riguardano le configurazioni più diffuse. Non offriamo versioni alternative in linguaggio semplificato.
- Con JavaScript disattivato, sugli schermi stretti il menu compatto non si apre: i collegamenti restano raggiungibili dal piè di pagina e dall’indice del sito.
- Le lezioni sono testi lunghi e l’indice interno aiuta, ma non esiste una versione breve degli stessi contenuti per chi ha bisogno di letture più corte.
- I nomi delle istituzioni e alcuni termini tecnici restano in forma estesa anche quando appesantiscono la lettura, perché abbreviarli renderebbe più difficile ritrovarli in una ricerca.
- Le formule sono scritte come testo dentro blocchi di codice: si leggono ad alta voce, ma i simboli matematici vengono annunciati in modo diverso da programma a programma.
8. Come segnalare una barriera
Le segnalazioni di accessibilità hanno priorità. Si scrive dalla pagina Contatti indicando «accessibilità» nell’oggetto, la pagina interessata, la tecnologia usata (browser, sistema, eventuale lettore di schermo o ingrandimento) e che cosa non è stato possibile fare. Il termine indicativo di prima risposta è di cinque giorni lavorativi; se la correzione richiede una modifica strutturale, indichiamo una soluzione temporanea per accedere al contenuto.
9. Aggiornamento di questa pagina
La pagina viene rivista quando cambia la struttura del sito, quando si aggiunge un componente interattivo e quando una segnalazione porta a una modifica. Le revisioni sostanziali sono annotate con la data, secondo la procedura descritta in Come lavoriamo. Se un limite noto viene risolto, viene rimosso dall’elenco; se ne emerge uno nuovo, viene aggiunto anche prima di poterlo correggere.