Canale Società e diritti
Caratteristiche di accessibilità
Nella progettazione della versione ad alta accessibilità del Canale
Società e diritti
del portale RAI.it, sono stati utilizzati numerosi accorgimenti allo scopo di garantire la massima accessibilità dei contenuti indipendentemente dagli strumenti hardware e software impiegati per la navigazione.
Quello che segue è l'elenco dei più importanti tra questi accorgimenti.
- Conformità alle raccomandazioni del W3C-WAI
Il codice HTML e CSS utilizzato in queste pagine è conforme alle specifiche del W3C in materia di accessibilità
(http://www.w3.org/TR/WCAG10/). Ciò significa che la progettazione non è stata basata sulle caratteristiche proprietarie di un particolare browser, ma sulle raccomandazioni contenute nelle
Web Accessibility Guidelines
del gruppo WAI, che garantiscono requisiti minimi di navigabilità su qualsiasi tipo di piattaforma.
- Separazione della presentazione dalla struttura e dal contenuto delle pagine
Una delle regole principali dell'accessibilità di un sito Internet è la
separazione degli elementi di presentazione dagli elementi strutturali e di
contenuto. Questi ultimi due devono rimanere nel codice HTML; la
presentazione del documento (come cioè questo viene reso in termini di
pagina o di discorso parlato) deve invece essere determinata per
mezzo dei fogli di stile. Rispettando questo accorgimento, un browser di
vecchia generazione che non supporta i fogli di stile sarà in grado
comunque di veicolare all'utente l'intero contenuto della pagina, sia
pure privo di formattazione.
- Tasti di accesso rapido (
accesskey
) del menu di navigazione
E' possibile utilizzare il menu di navigazione posto alla sommità di ogni
pagina anche senza adoperare il mouse. Per i browser di ultima generazione
che supportano questa caratteristica, sono state attivate le seguenti
combinazioni di tasti, che sostituiscono il clic del mouse sui collegamenti
ipertestuali presenti nel menu di navigazione (con alcuni browser può
essere necessario premere INVIO subito dopo aver effettuato una
delle combinazioni sotto riportate):
- ALT (CMD su Macintosh) + H
---> Home page del Canale
- ALT (CMD su Macintosh) + I
---> Indice della sezione
Inchieste
- ALT (CMD su Macintosh) + S
---> Indice della sezione
Servizi al cittadino
- ALT (CMD su Macintosh) + D
---> Indice della sezione
Diritti
- ALT (CMD su Macintosh) + T
---> Indice della sezione
Istituzioni in Rete
- ALT (CMD su Macintosh) + A
---> Indice della sezione
Associazioni in Rete
- ALT (CMD su Macintosh) + M
---> Mappa del sito
- ALT (CMD su Macintosh) + E
---> Questa pagina
- ALT (CMD su Macintosh) + C
---> Per scrivere alla redazione (apre il client di posta
elettronica)
- ALT (CMD su Macintosh) + R
---> Home page del portale RAI.it (versione standard)
- Tasto di accesso rapido (
tabindex
) per il ritorno ad inizio
pagina
Per i browser che supportano questa funzione, dopo il caricamento di una
nuova pagina la pressione del tasto TAB (il tabulatore, posto
all'estrema sinistra nelle tastiere tradizionali) attiva il collegamento torna ad inizio pagina
e sostituisce il clic del mouse sull'omonima voce posta al fondo di tutte le
pagine del canale.
- Testi alternativi per grafica e contributi multimediali
E' stato completamente bandito l'uso di elementi grafici a scopo di
formattazione (ad esempio, immagini spezzate in più frammenti o immagini
trasparenti usate per separare con spazi apparentemente vuoti contenuti
adiacenti). Ogni immagine presente nelle pagine è dotata di un testo alternativo
,
destinato a chi adopera browser non grafici. Per alcune immagini più
significative è stata approntata anche una pagina di descrizione testuale
,
collegata per mezzo di una D
maiuscola, posta alla destra
dell'immagine. Per ciascun contributo multimediale in formato Real Player è
presente una pagina contenente la trascrizione testuale
del contenuto
del brano.
- Struttura semplificata delle pagine per compatibilità con gli
screen reader
Un'impaginazione troppo complessa rende i contenuti incomprensibili per gli screen
reader, che sono strumenti per la navigazione assistita che operano
leggendo in modo sequenziale, riga per riga, tutto il contenuto dello
schermo. Le pagine di Società e diritti
ad alta accessibilità sono
progettate in modo che la lettura sequenziale del contenuto dello schermo
non pregiudichi la comprensibilità dei testi.
- Descrizioni testuali del contenuto di tabelle e collegamenti
ipertestuali
Tabelle e collegamenti ipertestuali sono resi più comprensibili per mezzo
dell'uso, normalmente trascurato, di appositi strumenti del linguaggio HTML:
gli attributi SUMMARY e TITLE, gli elementi CAPTION
e TH. Il loro utilizzo permette agli interpreti non visuali di
presentare all'utente il contenuto di tabelle e collegamenti ipertestuali in
maniera più razionale ed organizzata.
- Uso appropriato degli elementi strutturali dell'HTML
Ogni volta che le informazioni presentano una struttura gerarchica con
rapporti di tipo orizzontale e verticale, è opportuno organizzarle usando
gli strumenti a questo scopo forniti dall'HTML. Tale accorgimento è della
massima importanza quando la pagina viene resa da interpreti non visuali: in
questo caso un uso improprio dei titoli (elementi da H1 a H6),
degli elenchi puntati e numerati (elementi UL, OL,
LI) e delle tabelle peggiora gravemente la comprensibilità dei
contenuti. Nelle pagine ad alta accessibilità del Canale Società e diritti
si è cercato di utilizzare nel modo più accurato gli elementi strutturali
dell'HTML, in modo che corrispondessero esattamente ai rapporti logici
interni ai testi.
- Uso di comandi logici dell'HTML, in luogo di comandi soltanto
visuali
Normalmente chi formatta testi usando i comandi del linguaggio HTML è
abituato a ragionare in termini visuali. Usa perciò elementi come <b>
e <i>, che mostrano il testo rispettivamente in grassetto
e in corsivo. Questi elementi hanno però un significato solo in relazione
ad interpreti visuali. In queste pagine ogni ricorrenza dei comandi <b>
e <i> è stata sostituita con gli equivalenti comandi
logici <strong> e <em>, che veicolano
i concetti di rinforzo e di enfasi piuttosto che la loro rappresentazione
visiva. Un discorso analogo vale per le citazioni: chi ragiona in termini
solo visuali usa spesso le virgolette e gli apici per racchiudere una
citazione. Più corretto, in termini di accessibilità, è invece - come in
queste pagine è stato fatto - marcare le citazioni all'interno del
paragrafo con l'elemento <q> e le citazioni estese con
l'elemento <blockquote>.
- Supporto per interpreti vocali
Ogni pagina ad alta accessibilità è collegata ad un foglio di stile che
comprende comandi adatti ad essere interpretati da programmi di sintesi
vocale in grado di leggere ad alta voce il contenuto delle pagine. Tali
comandi, validi per i software che rispettano le specifiche del W3C,
permettono di differenziare il tono della voce sintetica, a seconda che il
contenuto letto sia un titolo, un paragrafo di testo normale, una frase
evidenziata, un collegamento ipertestuale, un elenco, una citazione. Ciò
conferisce maggiore interesse e varietà ai contenuti delle pagine, quando
questi devono essere fruiti non visivamente ma auditivamente.
- Peso delle pagine
Un elemento gravemente limitante dell'accessibilità è l'eccessivo peso in
Kb delle pagine. Soprattutto gli utenti in possesso di connessioni via modem
lente risultano molto penalizzati da pagine troppo ricche di grafica e di
elementi multimediali. Per salvaguardare anche questa categoria di
utilizzatori, si è cercato di mantenere quanto più basso possibile il peso
delle pagine ad alta accessibilità, che non superano mediamente i 20 Kb e
richiedono un tempo di caricamento raramente superiore ai 5 secondi.
- Mappa del sito
Una mappa che permetta l'accesso rapido ai vari documenti e che ne illustri
sinotticamente l'insieme dei rapporti logici orizzontali e verticali è un
ausilio indispensabile ad una comprensione semplice e chiara
dell'organizzazione dei contenuti.
Michele Diodati, diodati@mclink.it
consulente RAINET per l'accessibilità
www.diodati.org