Molto spesso ci si ritrova su siti che sembrano totalmente inaccessibili, ma Jaws ci può venire incontro, basta solo sapere come fare.

Infatti, vorrei tornare su una funzione di Jaws, che secondo me pochi conoscono e può invece essere molto utile per navigare in siti poco accessibili.

Cercando informazioni sul registratore "Daisy Milestone" sono incappato nel sito: http://www.milestone.it, che si presenta così:

MILESTONE Official Site.

link mappa immagine grafico English Version.

link mappa immagine grafico Versione Italiana.

link di questa pagina grafico eng/ita_button1.

link di questa pagina grafico eng/ita_button2.

link di questa pagina grafico eng/ita_button3.

link di questa pagina grafico eng/ita_button4.

link di questa pagina grafico eng/ita_button5.

link grafico eng/hiring_ita.

Mi fermo qui.

Prima considerazione: la schizofrenia dei webmaster non finirà mai di stupirmi. Se hanno etichettato i primi due link, cosa gli costava etichettare anche gli altri?

Ora dobbiamo capire dove portano i link eng/ita_button. Jaws ci dice che si tratta di link interni alla pagina, ma è molto improbabile. La mia esperienza mi porta a pensare che siano link non standard costruiti con javascript.

Jaws ci mette a disposizione il tasto caldo Shift+Insert+F1, che ci permette di conoscere tutte le informazioni tecniche sull'elemento su cui ci troviamo.

Dunque, posizioniamo il cursore pc virtuale sul link eng/ita_button1 e premiamo Shift+Insert+F1. Si apre il visualizzatore virtuale con le seguenti informazioni:

Informazioni sull'elemento:

Il tag IMG ha 8 parametri:

border=0.

height=35.

href=#.

name=giochi.

onmouseout=MM_showHideLayers('Giochi','','hide').

onmouseover=MM_showHideLayers('Giochi','','show').

src=/eng/ita_button1.gif.

width=134.

Il tag A ha 3 parametri:

- href=#

- onmouseout=MM_swapImgRestore()

- onmouseover=MM_swapImage('giochi','','/eng/ita_button1b.gif',1) MSAA Role=1E

Il tag TD ha 1 parametro:

- colspan=1

Il tag TR ha 0 parametri:

Il tag TBODY ha 0 parametri:

Il tag TABLE ha 0 parametri:

Il tag P ha 0 parametri:

Il tag DIV ha 0 parametri:

Il tag TD ha 1 parametro:

- colspan=1

Il tag TR ha 0 parametri:

Il tag TBODY ha 0 parametri:

Il tag TABLE ha 0 parametri:

Il tag DIV ha 0 parametri:

Il tag BODY ha 1 parametro:

- href=http://www.milestone.it/ita/SBK07/sbk07.shtml MSAA Role=10

Premete Esc per chiudere questo messaggio.

Ho riportato l'intero contenuto della finestra, ma le informazioni che ci interessano sono quelle relative al tag IMG.

- border=0;

- height=35;

- href=#;

- name=giochi;

- onmouseout=MM_showHideLayers('Giochi','','hide');

- onmouseover=MM_showHideLayers('Giochi','','show');

- src=/eng/ita_button1.gif;

- width=134.

come si può notare, il tag href contiene solo il simbolo cancelletto, quindi in realtà non ha alcun valore e serve solo per rispettare gli standard, che richiedono che ci sia comunque un href dichiarato.

Il vero link è costituito dal javascript MM_showHideLayers. Almeno credo, perché non sono un esperto di javascript.

Ma la cosa più interessante per noi è il tag name:

- name=giochi.

Questo ci dice che il link eng/ita_button1 porta alla sezione Giochi.

Possiamo averne conferma guardando le informazioni tecniche relative al link eng/ita_button2, che contiene tra l'altro la riga:

- name=storia.

Volendo generalizzare, possiamo dire che i tag name e title (che qui manca) possono contenere l'informazione che cerchiamo.

Se pensiamo di tornare in futuro in questo sito, possiamo etichettare i link grafici, usando la funzione Etichetta personalizzata (Ctrl+Insert+Tab).

Mi viene subito alla mente che non tutti gli screen-reader mettono a disposizione un comando simile e mi piacerebbe sentire dai rivenditori degli altri screen-reader quali strategie offrono per risolvere queste situazioni.