Menu di navigazione con accesso rapido da tastiera:
nei browser che supportano il sistema accesskey, la combinazione di tasti ALT  (CMD su Mac) + lettera evidenziata,  seguita eventualmente da INVIO, può sostituire  il clic del mouse.

Home | Inchieste | Servizi al cittadino | Diritti | isTituzioni in rete | Associazioni in rete | Mappa | accEssibilità | sCrivi | Rai.it

Logo RAI.it - Canale 'Società e diritti'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.

  1. 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.
  2. 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.
  3. 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):
  4. 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.
  5. 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.
  6. 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.
  7. 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.
  8. 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.
  9. 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>.
  10. 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.
  11. 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.
  12. 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à


Bobby Approved
Level Double-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

icona ritorno a inizio paginainizio pagina

icona ritorno alla pagina principale del sitowww.diodati.org