Web Design  »  Guide  »  Guida Accessibilità dei siti Web teorica 

Come sanno bene tutti coloro che navigano in Internet, la presenza di un sommario all'interno di un sito è fondamentale per comprendere immediatamente quali siano gli argomenti e i contenuti del sito stesso. Specie se si tratta di un sito con molte informazioni e quindi molte pagine, un qualsiasi utente è spesso disorientato dalla mancanza di una indicazione estesa dei contenuti: oltretutto, mancando un tale strumento di orientamento, è anche vanificato il lavoro del webmaster, che non sarà certo di riuscire a proporre tutte le pagine sviluppate all'attenzione dei visitatori. È proprio la presenza di un indice che spesso stimola o meno a continuare l'esplorazione delle pagine.

Anche per questo elemento così importante è dunque necessario che in fase di progettazione e sviluppo i webmasters tengano conto di alcune avvertenze relativamente alla possibilità di rendere accessibili detti sommari anche, dovrei dire soprattutto, ai non vedenti.

Si è fatto cenno nel capitolo su "Impaginazione: criteri generali" al fatto che un cieco non ha possibilità di dare un'occhiata generale alla pagina per rilevarne le particolarità: la sintesi vocale inizierà a leggergli tutti gli elementi testuali (anche quelli contenuti nelle immagini, naturalmente) partendo dall'alto del monitor, dalla prima riga del documento, e scenderà man mano, riga dopo riga, fino al termine dell'ipertesto: ciò viene attuato nella combinazione di screen reader-browser con il tasto TAB. Ecco quindi che si rivela di importanza primaria fornire un indice dei contenuti all'apertura della pagina principale di un sito o, se si preferisce, inserire all'inizio della pagina un link che punti ad altra zona della pagina o a un nuovo documento nel quale, appunto, sia possibile rintracciare un sommario.

Si potrà ovviamente dare una brevissima indicazione testuale ad inizio pagina, come nel caso seguente:

Esempio 1

oppure inserire, sempre ad inizio pagina, dei bottoni cliccabili (che ovviamente dovranno contenere i links nonché la loro descrizione - comando ALT) come in quest'altro caso.

Esempio 2

I modi per creare un sommario che dia un'idea generale sull'organizzazione di una pagina o di un sito possono essere svariati e in gran parte la scelta di una soluzione dipende dalle capacità creative del webmaster. 

Si potranno per esempio elencare gli argomenti in un frame, ma in questo caso occorrerà tener conto delle limitazioni che potrebbe avere un non vedente che non disponga di uno screen reader aggiornato (vedi il capitolo sui frames); oppure, produrre una estesa mappa testuale come quella esemplificata nella pagina collegata.

Spesso un indice viene impostato anche utilizzando tabelle a più colonne, come mostrato in quest'altro esempio. In questo caso la tabella risulterà perfettamente accessibile agli strumenti di ausilio di un utente non vedente a differenza di quanto accade con tabelle multicolonne contenenti del testo in tutte le celle.

Un'ulteriore soluzione potrebbe essere quella di creare un sommario ottenuto con la mappatura di un'immagine che contenga zone sensibili, che rivelano cioè il loro contenuto al passaggio del mouse e che possano contenere altresì link ad altri documenti. Anche in questo caso l'accessibilità è garantita.

Esempio

All''immagine mappata sono associati in questo caso i links alle sei pagine costituenti il network di HTML.it, nonché la descrizione (ottenuta con ALT) dei contenuti di ciascuno dei siti del network.

Altri articoli

Altre guide

Altre newsletter