Tabelle HTML con JAWS

Su Internet, un autore di pagine Web può utilizzare le tabelle in due modi principali: Uno è a scopo di formattazione o layout, ovvero quello di posizionare gli elementi in punti specifici della pagina Le tabelle di questo tipo si chiamano tabelle di layout. L’altro tipo di tabella è chiamata tabella di dati. Le tabelle di dati sono le più comuni.

JAWS ti avvisa sempre di quando entri o esci da una tabella. Una tabella HTML ben strutturata ha diverse caratteristiche. Una di queste è una didascalia, visibile a schermo e letta anche da JAWS. La didascalia funge generalmente da titolo, e appare sopra la tabella. Un’altra caratteristica è il sommario. Il sommario non è visibile a schermo dagli utenti vedenti. Gli autori delle pagine web possono aggiungere, appositamente per chi usa lettori di schemro, un sommario della tabella al codice HTML. Un buon sommario ti dovrebbe offrire una panoramica della tabella, dandoti una buona idea di ciò che contiene. Fai particolare attenzione ai sommari mentre leggi questa pagina.

Lettura delle Tabelle

Puoi usare il tasto di navigazione veloce T per spostarti velocemente tra le tabelle. In questa pagina, ogni tabella ha anche una didascalia al livello di intestazione 2. Puoi anche spostarti tra le intestazioni usando il tasto H. Se vuoi elencare tutte le tabelle in una pagina, premi Ctrl + Insert + T. Da qui, potrai scegliere una tabella e premere Invio per spostarti su di essa.

Una volta entrato in una tabella, puoi usare i comandi di lettura delle tabelle per spostarti e leggere le informazioni.

Combinazioni per il Livello Tabella

I comandi del livello tabella offrono un modo rapido ed efficiente per spostarsi all’interno delle tabelle. Il livello tabella elimina la necessità di tenere premuti vari tasti per spostarsi all’interno delle tabelle.

Qui sotto troverai un elenco di comandi a livelli per la navigazione nelle tabelle. Per entrare nel livello tabella, premi e rilascia Insert + Spazio, poi premi T. Dopodiché, usa uno dei seguenti comandi:

Il livello Tabella rimarrà attivo fino a quando non utilizzi un comando che non riguarda le tabelle, come ad esempio Esc, Tab, Spazio o Invio.

Il comportamento predefinito di JAWS è quello di leggere solo le intestazioni che sono state correttamente contrassegnate come tali dall'autore di una tabella.

In molte tabelle, la prima riga, da sinistra a destra, contiene le intestazioni per le informazioni nelle colonne sottostanti. Inoltre, molte volte la prima colonna, dall’alto in basso, contiene le intestazioni per le informazioni nelle righe a destra. Se una tabella non è implementata correttamente, JAWS può essere istruito per trattare le informazioni nella prima riga e nella prima colonna come intestazioni. Le impostazioni possibili sono le seguenti:

Se una tabella è stata contrassegnata correttamente con le intestazioni di colonne e righe, quando ti sposti a sinistra e a destra al suo interno sentirai prima l’intestazione, di colonna, che si trova in cima, seguita dal contenuto della cella attiva. Quando ti sposti in alto e in basso, sentirai l’elemento all’inizio di ogni riga, seguito dal contenuto della cella corrente.

JAWS esamina il codice HTML per vedere se l'autore di una tabella HTML ha codificato una specifica cella con il tag <th>, che la contrassegna come cella di intestazione. JAWS verifica anche la presenza dell’l'attributo scope, che può essere utilizzato dagli autori dei documenti HTML per fornire informazioni sulle intestazioni nelle tabelle. Se una tabella non è implementata con le intestazioni di colonna e riga specificate nel codice, JAWS può essere istruito a trattare la tabella come se lo fosse.

Nelle due tabelle seguenti, troverai esempi in cui le intestazioni sono state contrassegnate in modo corretto. La prima tabella ha i tag <th> sia per l’intestazione della prima riga sia per l’intestazione della prima colonna. La seconda tabella, invece, ha il tag <th> solo per la prima riga. Non ci sono intestazioni per le righe nella seconda tabella. Tuttavia, poiché queste prime due tabelle sono contrassegnate correttamente, JAWS leggerà le informazioni di intestazoine in modo corretto.

Nella prima tabella, l'autore ha utilizzato i tag di intestazione sia per la prima riga che per la prima colonna; quindi, quando usi i comandi di lettura di JAWS per leggere la cella corrente, sentirai le seguenti informazioni:

Nota: se non ti trovi nel livello tabella, premi e rilascia Insert + Spazio, quindi premi T. Poi, usa NumPad 5 per leggere la cella corrente.

Programmazione TV con intestazioni di colonna e di riga
20:00 20:30 21:00 9:30 22:00 22:30
Primo Canale Grey's Anatomy Scandal Le Regole del Delitto Perfetto
Secondo Canale The Big Bang Theory Mamma, ho Perso l’Aereo Due volte e mezzo I McCarthy Elementary
Terzo Canale Bones Gracepoint Programmazione Locale
Quarto Canale Grande Fratello Bad Judge A to Z Parenthood


Nella seconda tabella, l’autore ha usato le intestazioni soltanto per la prima riga. I nomi dei canali sono stati omessi dalla colonna 1. In questo caso, quando usi i comandi di lettura di JAWS per leggere la cella corrente, sentirai le seguenti informazioni:

Programmazione tv, solo con le intestazioni di colonna e non di riga
20:00 20:30 21:00 9:30 22:00 22:30
Grey's Anatomy Scandal Le Regole del Delitto Perfetto
The Big Bang Theory Mamma, ho Perso l’Aereo Due volte e mezzo I McCarthy Elementary
Bones American Idol Telegiornale
Grande Fratello Bad Judge A to Z Parenthood


La terza tabella è identica alla seconda, tranne per il fatto che l’autore non ha usato i tag appropriati per contrassegnare le intestazioni. In questo caso, puoi istruire JAWS affinché le legga.



Programmazione TV con intestazioni di colonne e righe non contrassegnate correttamente
20:00 20:30 21:00 9:30 22:00 22:30
Primo Canale Grey's Anatomy Scandal Le Regole del Delitto Perfetto
Secondo Canale The Big Bang Theory Mamma, ho Perso l’Aereo Due volte e mezzo I McCarthy Elementary
Terzo Canale Bones Gracepoint Programmazione Locale
Quarto Canale Grande Fratello Bad Judge A to Z Parenthood


ESERCIZIO: istruisci JAWS a leggere correttamente le intestazioni di righe e colonne in questa terza tabella, che non è stata taggata correttamente.

  1. Premi Insert + V per aprire le Impostazioni Rapide mentre la pagina contenente la tabella è in primo piano. Si apriranno le Impostazioni Rapide, ed il focus sarà sulla casella di ricerca.
  2. Scrivi titoli tabelle nella casella di ricerca. La visualizzazione ad albero sottostante mostrerà solo le opzioni relative ai titoli delle tabelle.
  3. Premi la Freccia Giù per andare all’opzoine Titoli delle Tabelle nella visualizzazione ad albero. JAWS dovrebbe dire: "Solo intestazioni contrassegnate".
  4. Premi Spazio per impostare l’opzione su: "Titoli tabelle - Intestazioni di riga e colonna".
  5. Premi Tab per andare al pulsante OK, dopodiché premi Spazio per attivarlo. La finestra delle Impostazioni Rapide si chiuderà.
  6. Vai alla tabella poco sopra, e prova a leggerla di nuovo. Puoi premere Shift + T per andare alla tabella precedente. Trovi che ora abbia più senso?
  7. Quando hai finito, imposta le Impostazioni Rapide su Titoli tabelle - Solo Intestazioni Contrassegnate.

La quarta tabella ha solo gli orari elencati in cima. I nomi dei canali, che si trovavano nella prima colonna, sono stati rimossi. Ancora una volta, l’autore non ha usato i tag corretti per marcare le intestazioni. Quando leggi la cella attiva, sentirai solo le seguenti informazioni:

Poiché la tabella non è contrassegnata correttamente, JAWS non legge le intestazioni di colonna.



Programmazione TV con solo intestazoini di colonna, non contrassegnate correttamente
20:00 20:30 21:00 9:30 22:00 22:30
Grey's Anatomy Scandal Le Regole del Delitto Perfetto
The Big Bang Theory Mamma, ho Perso l’Aereo Due volte e mezzo I McCarthy Elementary
Bones Gracepoint Programmazione Locale
Grande Fratello Bad Judge A to Z Parenthood


Quando incontri una tabella di questo tipo, puoi modificare il modo in cui JAWS legge le intestazioni di riga e colonna. In questo caso, sai che le informazioni alla riga 1 sono informazioni di intestazione, anche se l’autore non le ha contrassegnate nel modo corretto. Sai anche che la prima colonna non contiene le intestazioni delle righe.

ESERCIZIO: segui i passaggi seguenti per istruire JAWS a leggere solo le intestazioni di colonna per la tabella sopra, che non è stata contrassegnata correttamente.

  1. Premi Insert + V per aprire le Impostazioni Rapide mentre la pagina contenente la tabella è in primo piano. Si apriranno le Impostazioni Rapide, ed il focus sarà sulla casella di ricerca.
  2. Scrivi titoli tabelle nella casella di ricerca. La visualizzazione ad albero sottostante mostrerà solo le opzioni relative ai titoli delle tabelle.
  3. Premi la Freccia Giù per andare all’opzoine Titoli delle Tabelle nella visualizzazione ad albero. JAWS dovrebbe dire: "Solo intestazioni contrassegnate".
  4. Premi Spazio per impostare l’opzione su: "Titoli tabelle - Intestazioni di colonna".
  5. Premi Tab per andare al pulsante OK, dopodiché premi Spazio per attivarlo. La finestra delle Impostazioni Rapide si chiuderà.
  6. Vai alla tabella poco sopra, e prova a leggerla di nuovo. Puoi premere Shift + T per andare alla tabella precedente. Trovi che ora abbia più senso?
  7. Quando hai finito, imposta le Impostazioni Rapide su Titoli tabelle - Solo Intestazioni Contrassegnate.

Modalità di Presentazione Documento

Ci sono due diverse modalità di presentazione del documento che puoi usare quando leggi le tabelle con JAWS: Layout semplice e Layout dello schermo. Con il Layout semplice, ogni cella della tabella viene visualizzata su una riga separata nel buffer virtuale. La modalità Layout dello schermo consente di leggere le tabelle riga per riga, così come sono visualizzate sullo schermo. Con il Layout dello schermo, ogni riga della tabella viene visualizzata su una riga separata e ogni cella viene separata da una barra verticale. Questo ti consente di avere un'idea molto migliore di come è strutturata la tabella e di come le diverse celle di una riga si relazionano tra loro.

La modalità Layout dello schermo è utile anche quando hai bisogno di copiare un'intera riga di una tabella e incollarla in un altro documento sottoforma di singola riga. La modalità predefinita di JAWS è Layout semplice.

Per abilitare la modalità Layout dello schermo per il browser Web corrente, procedi come segue:

  1. All’interno del browser, premi Insert + V. Si apriranno le Impostazioni Rapide, ed il focus sarà sulla casella di ricerca.
  2. Digita presentazione documento nella casella di ricerca. La visualizzazione ad albero mostrerà solo quello che concerne la presentazione del documento.
  3. Premi la Freccia giù fino a quando il focus non si sposta all’opzione Modalità Presentazione Documento.
  4. Premi lo Spazio per selezionare Layout dello Schermo.
  5. Premi Tab per andare al pulsante OK, dopodiché premi Spazio per attivarlo.

Nota: per default, le impostazioni rapide di JAWS vengono salvate sul disco rigido del tuo computer, e rimarranno tali finché non le modifichi.

Quando fai pratica nella lettura delle tabelle nella sezione qui sotto, prova a passare tra le due modalità per vedere con quale ti trovi meglio.

Abilitare Permanentemente la Modalità Layout dello Schermo per i Documenti HTML/PDF

Se vedi che la modalità Layout dello schermo è più adatta alle tue esigenze, puoi procedere come segue per abilitare in modo permanente questa funzione nelle tabelle HTML e PDF.

  1. All’interno del browser, premi Insert + F2.
  2. Seleziona Centro Impostazioni, quindi premi Invio.
  3. Premi Ctrl + Shift + D per caricare il file predefinito. Puoi confermare di aver caricato questo file leggendo la barra del titolo del Centro Impostazioni, tramite la combinazione Insert + T.
  4. Il focus si troverà nella casella di ricerca. Digita "Seleziona Layout" senza le virgolette.
  5. Premi la Freccia Giù per andare all’opzione Seleziona layout nei risultati filtrati dell’albero nel Centro Impostazioni.
  6. Premi Spazio per passare tra layout Semplice e Layout dello Schermo.
  7. Premi Tab per andare al pulsante OK, dopodiché premi Spazio per attivarlo. Le modifiche verranno effettuate e salvate. Il Centro Impostazioni verrà chiuso.

Fai Pratica con Altre Tabelle

La prossima tabella in questa pagina mostra una serie di temperature dell’aria e dell’acqua nella località di Tampa, Florida, USA: è qui che JAWS viene realizzato. L'area di Tampa Bay gode di una media di 361 giorni di sole all'anno. Il Guinness dei primati attribuisce alla città di ST. Petersburg la più lunga serie di giorni di sole consecutivi: 768. Tutto questo sole rende facile godersi le spiagge della zona, che includono due delle dieci migliori spiagge di tutti gli Stati Uniti.


Temperature medie per Saint Petersburg
Mese Temperatura Aria Massima Temperatura Aria Minima Temperatura Acqua
Gennaio 21 gradi 10 gradi 17 gradi
Febbraio 21 gradi 10,5 gradi 18 gradi
Marzo 25 gradi 14,5 gradi 20,5 gradi
Aprile 27,2 gradi 16 gradi 22 gradi
Maggio 31 gradi 20 gradi 26 gradi
Giugno 31,5 gradi 21 gradi 27,5 gradi
Luglio 32 gradi 24 gradi 28 gradi
Agosto 32 gradi 24 gradi 30 gradi
Settembre 31,5 gradi 22 gradi 27,5 gradi
Ottobre 27,5 gradi 18 gradi 25,5 gradi
Novembre 25,5 gradi 13 gradi 21 gradi
Dicembre 22 gradi 10 gradi 17 gradi


Le informazioni riportate sopra sono tratte dal sito Web della Camera di Commercio di Saint Petersburg.

ESERCIZIO: prova a rileggere la tabella sopra utilizzando la modalità Layout dello Schermo anziché Layout Semplice Se non ti ricordi come passare tra le due modalità, ripassa la sezione Passare tra la Modalità Layout Semplice e Layout dello Schermo. Quando hai finito, reimposta il Layout Semplice.

Surf's Up utilizza anche fogli di stile a cascata (CSS) per scopi di formattazione. L'utilizzo dei CSS è una best practice per i web designer, ed è il modo migliore per formattare le pagine. Una delle tecniche di formattazione utilizzate in Surf's Up consiste nell'avere le celle di intestazione delle tabelle colorate con uno sfondo giallo limone, che è più scuro dello sfondo color avorio delle altre celle.

La tabella seguente è un esempio di tabella che utilizza gli attributi ID, AXIS e HEADERS per far sì che JAWS pronunci informazioni diverse durante la navigazione in diverse aree della tabella. Ad esempio, quando ti sposti su e giù nella colonna Nome dipendente, sentirai il nome dell’area aziendale come intestazione della riga. Tuttavia, quando ti sposti su e giù nella colonna Interno telefonico, sentirai il nome del dipendente come intestazione della riga. Il nome del dipendente è in realtà nella colonna due, ma il codice HTML dice a JAWS di trattarlo come intestazione di riga in questo caso, al posto del testo nella colonna uno. JAWS capirà da solo quali informazioni di intestazioni leggere senza che tu debba fare nulla, dato che l’autore della pagina ha usato le migliori pratiche per implementare la tabella. Usando questa tecnica, ogni cella può fare riferimento a qualunque altra cella come propria intestazoine.


Dipartimenti / interni telefonici dei dipendenti
Nome Dipartimento Nome Dipendente Interno Telefonico
Indirizzo Aldo Rossi 543
Acquisti Mario Busi 123
Contabilità Anna Verardi 222


La prossima tabella è molto più complessa, ma osserva come la legge JAWS. Quando ti sposti su e giù nella colonna due, dove si trova il nome della società, le informazioni sull'intestazione della riga vengono raccolte dalla colonna uno, la provincia. Quando invece ti sposti nelle colonne dalla 3 alla 8, le informazioni di intestazione vengono raccolte dalla colonna 1, ovvero Nome Società. Sentirai anche le informazioni nell’attributo Axis lette con le parole «Provincia» e «Dove».


Contatti di Vendita per Regione
  Società Indirizzo Città Regione Numero di Telefono Fax. Prodotti
Ovest Screen Readers Unlimited Via Melzo 23 Milano Friuli Venezia Giulia 555-555-1234 949-555-0101 Screen Readers
Access Now Via dei Tigli 17 Torino Piemonte 206-555-7777 206-555-7778 Software; Display Braille; Stampanti Braille; Notetaker
Webb Access Group 1 Via Maggiore Bologna Emilia Romagna 602-555-3131 602-555-3132 Software; Consulenza sull'accessibilità web
Accessible World Via Primo Maggio Udine Friuli Venezia Giulia 1-800-555-2190   Software; Display Braille; Stampanti Braille; Notetaker
Sud Special Computers SRL. Via dei Frassi Catania Sicilia 800-555-1478 708-555-2221 Software; Display Braille; Stampanti Braille; Notetaker
Italy Comp Via delle Querce 12 Trieste Friuli Venezia Giulia 1-800-555-1332 317-555-6261 Software; Display Braille; Stampanti Braille; Notetaker
Touch the World SRL. Via dei Larici 32 Venezia Veneto 1-800-555-3691 513-555-2221 Software; Display Braille; Stampanti Braille; Notetaker


Nella tabella seguente, la prima riga occupa l'intera larghezza della tabella, ovvero tutte e cinque le colonne. JAWS usa gli attributi COLSPAN e SCOPE per determinare come leggere le informazioni nella tabella. Prova a leggerla.

Report Vendite
Prodotti in vendita
  Prima settimana Seconda settimana Terza settimana Quarta settimana
Gennaio Mele Pere Arance Uva
Febbraio Mango Mandaranci Fragole Kiwi
Marzo Ciliegie Lime Limoni Meloni