Tabella accessibile

Esempio 2

In questo secondo esempio la tabella viene realizzata mediante l'utilizzo dell'elemento strutturale <th>.

Corsi di Formazione
Nome del corso Docente Descrizione Posti Prezzo
Lingua Inglese Mario Rossi Con questo corso ci proponiamo di insegnare a parlare in inglese in alcune situazioni ricorrenti della realtà quotidiana. 15 400,00
Chitarra Paolo Rossi In questo corso apprenderemo le tecniche fondamentali di base per suonare la chitarra, piccoli fondamenti di teoria musicale, assoli, accompagnamento e molto altro ancora. 15 350,00
Regia e Montaggio video Luigi Rossi Analisi del linguaggio cinematografico e televisivo. Il linguaggio come forma espressiva e di comunicazione. Struttura narrativa di un prodotto audiovisivo. 15 350,00

Questo è il markup HTML utilizzato per generare la tabella mostrata sopra:

    <table border="1" cellpadding="5" cellspacing="2">
        <tr>
            <th colspan="5" Corsi di Formazione</th>
        </tr>
        <tr>
            <th>Nome del corso</th>
            <th>Docente</th>
            <th>Descrizione</th>
            <th>Posti</th>
            <th>Prezzo</th>
        </tr>
        <tr>
            <td>Lingua Inglese</td>
            <td>Mario Rossi</td>
            <td>
                Con questo corso ci proponiamo di insegnare a parlare in inglese in alcune 
                situazioni ricorrenti della realtà quotidiana. 
            </td>
            <td>15</td>
            <td>350,00</td>
        </tr>
        <tr>
            <td>Chitarra</td>
            <td>Paolo rossi</td>
            <td>
                In questo corso apprenderemo le tecniche fondamentali di base per suonare la chitarra, 
                piccoli fondamenti di teoria musicale, assoli, accompagnamento e molto altro ancora.
            </td>
            <td>15</td>
            <td>350,00</td>
        </tr>
        <tr>
            <td>Regia e Montaggio video</td>
            <td>Luigi Rossi</td>
            <td>
                Analisi del linguaggio cinematografico e televisivo. Il linguaggio come forma espressiva e 
                di comunicazione. Struttura narrativa di un prodotto audiovisivo.
            </td>
            <td>15</td>
            <td>350,00</td>
        </tr>
    </table>

Come puoi vedere dal markup utilizzato, tutte le celle delle prime due righe della tabella sono state realizzate mediante l'utilizzo dell'elemento "<th>", mentre nell'esempio precedente, queste prime due righe erano realizzate con l'utilizzo di normali "<td>", il cui contenuto era evidenziato poi con lo stile grassetto.

L'utilizzo dell'elemento "<th>" ha aggiunto un'informazione strutturale in più: in questo modo comunichiamo a qualsiasi software, anche non visuale, che il contenuto di quella cella è un'intestazione.