Accesso alle tabelle con Jaws e MAGic

Gli autori di pagine web usano le tabelle fondamentalmente per due motivi. Il primo è creare la struttura di una pagina web, in questo modo gli sarà possibile posizionare ogni singolo elemento all'interno della pagina nella posizione desiderata. Queste tabelle sono definite, in inglese, tabelle di layout. Il secondo è per la raccolta o rappresentazione ordinata di dati.

Jaws informa della presenza di una tabella ogni qual volta si accede ad una di esse. Una tabella, in un documento HTML, strutturata secondo i criteri di accessibilità, ha diverse caratteristiche. Una di queste è un sottotitolo, visibile alle persone vedenti e accessibile anche a Jaws. Questo sottotitolo, solitamente una descrizione breve della tabella, è posto in cima alla tabella. Un'altra caratteristica è il sommario. Il sommario non è visibile da persone vedenti in quanto non appare a schermo. Il sommario può essere aggiunto da chi realizza una pagina HTML proprio per coloro che usano uno screen reader come Jaws. Un buon sommario fornisce una breve indicazione di cosa contiene una tabella e qual è la sua struttura. Presta attenzione ai sommari delle tabelle presenti in questa pagina.

In molte tabelle la prima riga, letta da sinistra a destra, contiene i titoli delle colonne presenti nella tabella. In altri casi la prima colonna, percorsa dall'alto in basso, contiene i titoli di quanto contenuto nella riga selezionata. Per default le precedenti versioni di Jaws leggevano ciò che è contenuto nella prima riga e nella prima colonna come fosse un titolo e in automatico fornisce questa informazione se usi i comandi di lettura delle tabelle di Jaws. Quando ti sposti a sinistra e a destra, Jaws leggerà il contenuto del primo elemento della colonna e di seguito il contenuto della cella dove ti sei posizionato. Per contro, quando ti sposti su e giù all'interno di una tabella, sentirai prima quanto c'è all'inizio della riga e successivamente il contenuto della cella.

Da Jaws 9.0 e MAGic 11.0, entrambi i software verificano nel codice HTML se l'autore del documento web ha utilizzato per una specifica cella, interna ad una tabella, il tag/codice <TH> per identificare un titolo/intestazione e il tag <TD> per le celle contenenti dati.

Modalità Presentazione del Documento

Ci sono due differenti modalità di presentazione del documento che è possibile utilizzare quando accedi a delle tabelle con Jaws: Layout semplice e Layout a schermo. Con Layout semplice ogni cella della tabella è visualizzata su una riga differente. La modalità Layout a schermo consente di leggere la tabella per righe, come sono presentate a schermo. Ogni riga dello schermo è mostrata su una riga diversa e le celle sono separate da barre verticali. Questo permette di capire più facilmente come è strutturata la tabella e come le celle sono posizionate su ogni riga in rapporto alle altre righe.

Suggerimento per MAGic: gli utenti di MAGic hanno come opzione abilitata di default la presentazione del documento come Layout a schermo. Sia che MAGic sia in esecuzione da solo che in combinazione con Jaws, se ti sposti con la Freccia giù sino alla prima tabella potrai verificare che MAGic leggerà ed evidenzierà tutta la prima riga. Spostandoti ancora con la freccia verso il basso MAGic evidenzierà e leggerà la riga successiva.

Il layout a schermo è utile anche quando vuoi copiare tutta una riga di una tabella per incollarla in un nuovo documento come una riga singola. L'impostazione di default per Jaws è una presentazione del documento con Layout semplice. Per modificare temporaneamente questa impostazione, quando è in esecuzione solo Jaws:

1. Quando la finestra attiva è Internet Explorer, premi Insert+V.
2. Premi P fino a selezionare "Presentazione documento - Presentazione semplice", poi premi Barra spaziatrice per scegliere Presentazione a schermo.
3. Premi Invio.

Quando inizi ad usare Jaws per leggere il contenuto di tabelle seguendo gli esempi riportati nella pagina, sperimenta le due diverse modalità per verificare quella con cui ti trovi meglio. Se ti sembra che la modalità con cui sei più a tuo agio è Layout a schermo, puoi seguire i passaggi successivi per impostarla come modalità permanente con Internet Explorer:

1. In Internet Explorer, premi Insert+F2.
2. Seleziona "Programma di Configurazione" e premi Invio.
3. Da Imposta Opzioni, seleziona Opzioni HTML.
4. Premi Ctrl+Shift+Tab per spostarti su Varie
5. In Modalità Presentazione Documento, seleziona "Layout a schermo"
6. Premi Invio e quindi Ctrl+S per salvare le nuove impostazioni.
7. Premi Alt+F4 per chiudere la finestra del Programma di Configurazione.

Leggere il contenuto di tabelle

Puoi usare il tasto di navigazione veloce T per spostarti rapidamente tra le tabelle. In questa pagina ogni tabella ha anche un titolo che è una intestazione di secondo livello; in questo caso puoi spostarti tra le tabelle anche usando il tasto H. Se al contrario preferisci visualizzare un elenco che contenga i titoli di tutte le tabelle della pagina, premi Ctrl+Insert+T. In questo modo sarà possibile selezionare le tabelle di interesse e premere Invio per spostarsi ad essa.

Nota: se usi Jaws, in combinazione con MAGic o meno, puoi usare i tasti di navigazione veloce di Jaws per spostarti rapidamente tra una tabella e l'altra. Se stai usando solo MAGic, è possibilr accedere all'elenco delle tabelle tramite il comando Insert+F6, in questa pagina infatti tutte le tabelle sono anticipate da una intestazione.

Quando accedi ad una tabella è possibile usare i comandi per la gestione delle tabelle per spostarti all'interno della tabella stessa e leggerne il contenuto. La maggior parte degli spostamenti si ottengono premendo Ctrl+Alt in combinazione con i Tasti freccia. Puoi premere Ctrl+Alt+Num Pad5 per leggere l'informazione contenuta nella cella dove sei posizionato. Molte di queste combinazioni tasti sono disponibili tanto per MAGic quanto per Jaws. Per scoprire quali di queste combinazioni funzionano anche solo usando MAGic puoi consultare la tabella a cui fa riferimento il link qui sopra.

La prima tabella di questa pagina include dati riguardanti la temperatura dell'acqua e dell'aria della zona di Tampa Bay. La zona di Tampa Bay, Florida - USA, mediamente ha 361 giorni all'anno di sole. Il libro dei Guinness dei primati ha registrato il record a Saint Petersburg: 768 giorni di sole consecutivi. Tutto questo fà si che siano molto frequentate le spiagge di questa zona, che per altro include due delle 10 spiagge più belle di tutti gli Stati Uniti.

Le informazioni riportate nella tabella sono state trovate sul sito web della camera di commercio di Saint Petersburg.

Esercizio: Prova a rileggere la tabella precedente con Layout a schermo al posto di Layout semplice. Se ti sei dimenticato come cambiare modalità di visualizzazione, leggi i passaggi per impostare Layout a schermo.

Queste pagine html fanno uso di fogli di stile, file con estensione CSS che contengono informazioni in merito alla impaginazione del contenuto. Una tecnica di formattazione utilizzata in Surf's Up e inserita nel file CSS utilizzato consiste nel rappresentare le celle che sono usate come intestazioni in un colore più scuro. Non lo avrai notato ma, nella tabella precedente, le celle Novembre e Dicembre sono classificate come intestazioni per la riga corrispondente usando il tab TH al posto di TD.

Esercizio: quando leggi la tabella precedente, nota che con i comandi standard per la lettura, spostandoti su e giù in una qualunque colonna dalla seconda alla quarta, tutti i mesi saranno indicati come riferimento per una particolare temperatura. Questo nonostante le celle da Gennaio a Ottobre non siano state indicate come intestazioni per quella specifica riga. Jaws infatti imposta per default la prima cella come intestazione per la riga e la prima cella di ogni colonna come intestazione per la colonna. Se vuoi usare Jaws, per verificare quali celle sono realmente impostate come intestazioni per una specifica riga o colonna e che quindi sono indicate con il tag TH, fai quanto segue:

1. Premi Insert+V per aprire Regola opzioni di Jaws mentre questa pagina web è la finestra attiva.li>
2. Premi I fino all'opzione Indica titoli tabelle - Sia riga sia colonne.
3. Premi Barra spaziatrice per modificare l'opzione Indica titoli tabelle - Solo intestazioni contrassegnate
4. Premi quindi Invio per chiudere il menù.
5. Ora rientra nella tabella precedente e spostati su e giù all'interno di una colonna con i comandi Ctrl+Alt+Freccia su o Freccia giù. Jaws legge tutti i mesi? No; non sentirai più leggere i mesi da Gennaio a Ottobre ma solamente Novembre e Dicembre. Questo perchè solo queste ultime due celle sono state create in modo corretto indicandole come intestazioni per le righe.

In seguito, dopo aver effettuato il test, puoi riportare l'opzione alla sua condizione inziale impostando Indica titoli tabelle - Sia riga sia colonne. In sintesi, le opzioni disponibili per questa opzione sono:

• Solo intestazioni contrassegnate
• Disattivato
• Solo riga
• Solo colonna
• Sia riga sia colonne (il valore impostato per default)

La prossima tabella usa id, axis e headers, altri elementi HTML che consentono a Jaws di leggere informazioni differenti quando accede a particolari aree della tabella. Ad esempio, quando ti muovi su e giù all'interno della colonna Nome Impiegato, sentirai il nome della funzione come se fosse l'intestazione della riga. Al contrario, se ti sposti all'interno della colonna Interno, sentirai il nome della persona come intestazione per la riga. Il nome è inserito nella seconda colonna, ma nel codice HTML viene indicato a Jaws di trattarlo come se fosse l'intestazione per l'intera riga in particolari situazioni. Nella pratica è possibile per i programmatori, esperti in questa tecnica, associare a qualunque cella una qualunque cella come intestazione della prima.

La prossima tabella è un pò più complicata, ma nota come la legge Jaws. Quando ti sposti su e giù all'interno della seconda colonna, dove è contenuto il nome dell'azienda, il titolo della riga è preso dalla prima colonna, la regione. Quando ti sposti su e giù all'interno di qualunque colonna dalla terza in poi, il titolo della riga sarà l'informazione contenuta nella seconda colonna, il nome della società. Potrai inoltre sentire l'attributo axis di HTML con i termini: Regione e Dove.

La tabella seguente è un pò più complicata di quella precedente. Sulla prima riga, la prima colonna occupa tutta la larghezza della tabella. Jaws sfrutta alcuni elementi del codice HTML, ColSpan e Scope, per capire come devono essere lette ed interpretate le informazioni contenute nella tabella. Prova ora a leggere la tabella.

Copia ed incolla informazioni contenute in una tabella

E' possibile selezionare del testo contenuto in una tabella HTML e quindi copiarlo esattamente come in un qualunque documento. Successivamente potrai incollare queste informazioni in un qualunque documento di testo scritto con programmi quali Blocco Note o Microsoft Word. Dalla versione di Jaws 9.0 e di MAGic 11.0 è possibile selezionare del testo con la tastiera, e righe di tabelle da un documento HTML o comunque pagine web e incollarle, mantenendo la fomattazione, in una email formato HTML o in un documento Word. Ad esempio, già adesso puoi selezionare un testo contenente link, tabelle, intestazioni e molto altro da questo documento html direttamente in un documento Word o in una email in formato HTML senza perdere il formato e tutte le parti contenute.

La modalità di default, per copiare ed incollare con Jaws e/o MAGic è Seleziona e copia - Contenuto completo usando l'evidenziazione a schermo. Questa nuova funzione permette di visualizzare, evidenziandolo, il contenuto che vuoi copiare usando la tastiera.

Esercizio: se hai Jaws avviato, in con o senza MAGic, fai quanto segue per selezionare e copiare una intera tabella contenuta in una pagina web.

1. Apri la pagina Comandi per la gestione delle tabelle con Jaws e MAgic e premi Ctrl+Home per spostarti all'inizio della pagina.
2. Premi la lettera T per spostarti alla tabella contenuta nella pagina.
3. Premi Pagina su per spostarti di una riga sopra quando Jaws informa sul numero di righe e colonne contenute nella tabella.
4. Ora premi F8 per selezionare tutta la tabella. Questo comando può essere utilizzato quando il cursore è all'inizio della tabella e per selezionare tutta la tabella.
5. Premi CTRL+C per copiare la tabella selezionata negli Appunti.
6. Apri un programma come Microsoft Word quindi CTRL+V per incollare la tabella che hai copiato. Nota che la struttura originale della tabella è stata mantenuta. La tabella apparirà come quella copiata dalla pagina web.
7. Ricordati di chiudere la pagina appena aperta con Alt+F4 quando hai terminato l'esercizio.

Gli utenti di MAGic possono al contrario selezionare la tabella con il comando Shift+Freccia giù per selezionare una riga per volta o semplicemente il mouse cliccando con il tasto sinistro e selezionando tutta la tabella.