Assicurarsi che le tabelle abbiano la marcatura necessaria per essere trasformate dai browser accessibili e da altri interpreti.
Le tabelle sono un elemento frequentemente utilizzato per ottenere effetti di layout, in realtà l'oggetto tabella esiste per rappresentare dati tabellari e i layout dovrebbero essere impaginati mediante i fogli di stile. I punti di controllo presenti in questa linea guida spiegano come presentare i dati all'interno delle tabelle in modo che vengano correttamente interpretati dai programmi alternativi di lettura.
Per le tabelle dati indicare le intestazioni per righe e colonne
<table summary="Sommario della tabella" border="3">
<caption>Esempio di tabella dati</caption>
<tr>
<td> </td>
<th>intestazione Colonna 1</th>
<th>intestazione Colonna 2</th>
</tr>
<tr>
<th>Intestazione riga 1</th>
<td>Colonna 1 Riga 1</td>
<td>Colonna 1 Riga 2</td>
</tr>
<tr>
<th>Intestazione riga 2</th>
<td>Colonna 2 Riga 1</td>
<td>Colonna 2 Riga 2</td>
</tr>
</table>
risultato ottenuto
Esempio di tabella dati
intestazione Colonna 1
intestazione Colonna 2
Intestazione riga 1
Colonna 1 Riga 1
Colonna 1 Riga 2
Intestazione riga 2
Colonna 2 Riga 1
Colonna 2 Riga 2
Per le tabelle recanti più righe è possibile specificare l'attributo headers, in modo da
dare ai programmi di lettura un ordine corretto dei contenuti.
Se invece si devono creare tabelle con più livelli logici sarà necessario avvalersi dei tag
<thead>, <tbody>, <tfoot> che permettono di descrivere relazioni più complesse tra i dati.
Pagina 6