Accessibilità e descrizione del nostro sito



Indice



Introduzione

codice xhtml 1.0 transitional valido.
Il nostro obiettivo era di presentare un sito accessibile, semplice ma gradevole da vedere, mantenendo una totale coerenza tra le varie pagine per facilitare la navigazione con uno screen reader.
Abbiamo prestato particolare attenzione anche ai colori ed ai contrasti tra gli stessi,pensando a chi utilizza programmi d'ingrandimento e con inversione dei colori.

Abbiamo preso in considerazione lo screen reader Jaws, tuttavia queste funzioni sono integrate anche in altri screen reader (ad esempio NVDA ed ORCA per Linux).


Struttura delle pagine

Le pagine del nostro sito si presentano tutte nello stesso modo: le descriverò nell'ordine di lettura dello scren reader.

  1. In alto il link, rilevato solo dallo screen reader, che apre questa finestra di aiuto. Altri due link, associati a tasti di scelta rapida, che consentono di andare direttamente al contenuto della pagina (accesskey=2) o al menu (accesskey=l).
  2. il logo, un quadrato giallo con la scritta STAC contenente il link per tornare alla pagina principale, l'unica intestazione di livello 1. Anche questo link è associato ad un tasto di scelta rapida (accesskey=1)
  3. A metà della pagina, sulla sinistra, il menu principale.
  4. Subito sotto il logo una striscia azzurra che fa da sfondo al titolo della pagina, l'unica intestazione di livello 2.
  5. Un player MP3 flash, sul cui pulsante è raffigurato un altoparlante, riconosciuto da Jaws come pulsante 1, che consente di ascoltare il contenuto della pagina. Nelle pagine di presentazione dei 5 servizi i player sono due,in alcune pagine, contenenti poco testo, non c'è nessun player.
    Le pagine di presentazione di ogni singolo servizio contengono un'introduzione, uguale in tutte le pagine; per saltare questa introduzione ed andare direttamente alla presentazione del servizio premere 3.
  6. Il contenuto della pagina che, se contiene sottotitoli, questi sono di livello 3. Lo sfondo della pagina è di un grigio molto chiaro, quasi bianco.
  7. La scritta "Far del bene da buoni frutti", su sfondo azzurro come il titolo della pagina.
  8. 4 piccoli box quadrati, 2 sopra e due sotto, contenenti in breve delle informazioni sulla STAC e sulla Casa dei Ciechi. Comunque lo screen reader legge prima i due di sinistra. L'intestazione dei box ha uno sfondo di un grigio un po'più scuro dello sfondo ed è di livello 4. L'ultimo box in fondo a destra (Contatti) ha uno sfondo giallo, come il logo. L'ordine di lettura dei box: "La STAC", La casa dei ciechi", "posti liberi", "contatto"

Navigazione da tastiera

Nelle nostre pagine sono impostate le seguenti scorciatoie da tastiera (accesskey).
Internet Explorer:

  1. Alt+1=Vai alla pagina principale.
  2. Alt+l=Vai al menu di navigazione.
  3. Alt+2=Vai direttamente al contenuto.
  4. Alt+S=Nella sezione "news" è associato a "Torna su", che porta il cursore all'inizio della pagina.
Firefox:
  1. Alt+Shift+1=Vai alla pagina principale.
  2. Alt+Shift+l=Vai al menu di navigazione.
  3. Alt+Shift+2=Vai direttamente al contenuto.
  4. Alt+Shift+S=Nella sezione "News" è associato a "Torna su", che porta il cursore ad inizio pagina.

Con Firefox il link viene attivato immediatamente alla pressione dei tasti, con Internet Explorer invece il cursore si sposta sul link e sarà necessario premere invio.

Riferendoci alle funzioni più comuni degli screen readers, si naviga rapidamente utilizzando i seguenti tasti:

Tasto 1 Spostarsi al logo con la scritta STAC contenente il link per tornare alla pagina principale".
Tasto l Da inizio pagina ci si sposta sul menu nascosto dei tasti di scelta rapida, quindi al menu di navigazione ed in seguito ad altri elenchi, se ce ne sono.
Tasto H Spostarsi tra le varie intestazioni
Tasto 2 Andare al contenuto della pagina.
Tasto 3 Andare ad un sottotitolo nella pagina (se presente). Tutti i titoli delle news sono di livello 3.
Tasto 4 Intestazione dei 4 box in fondo alla pagina.
Tasto b Ci si sposta sui pulsanti dei players MP3 per ascoltare il contenuto della pagina registrato da una lettrice. I players sono visibili solo a chi ha istallato il plug-in Flash Player.
Tasto g Ci si sposta tra i link grafici: altoparlante (per chi non ha Flash player), validazione w3c, formulario per contatti.


Il lettore MP3

Arrivati con il cursore sul pulsante del lettore (tasto b) premete invio per iniziare la riproduzione. In seguito si potranno utilizzare i tasti di scelta rapida seguenti:
Control+P = Play/Pausa
Control+S=Stop
Control+Freccia sinistra=Indietro di 5 secondi
control+Freccia destra=Avanti di 5 secondi
Queste due ultime combinazioni di tasti sono già occupate da comandi di Jaws, sarà quindi necessario prima premere Insert+3 per bypassarli.

Chi non ha istallato il plug-in Flash Player troverà un pulsante grafico, sempre raffigurrante un altoparlante e dando invio su questo si avvierà la riproduzione con il lettore MP3 preimpostato sul proprio PC.

Leggi le istruzioni per la navigazione del forum

Premi Alt + Freccia sinistra per tornare alla pagina precedente

Vai alla pagina principale

Logo di conformità del codice xhtml 1.0 transitional alle specifiche W3c - Cliccate qui per verificare