Tabella accessibile

Esempio 4

In questo quarto esempio viene utilizzato l'attributo "summary" per fornire lo scopo e la struttura della tabella per browser non visuali.

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 summary="Nella Tabella viene fornito un elenco dei corsi che compongono la nostra 
            offerta formativa. Ogni riga descrive un corso tramite l'indicazione del titolo, 
            docente, descrizione, posti e prezzo" border="1" cellpadding="5" cellspacing="2">
        <thead>
            <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>
        </thead>
        
        <tbody>
            <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>
        </tbody>
    </table>

Come puoi notare, visualizzando la pagina con un normale browser non sembra cambiare nulla, dal punto di vista estetico la tabella è rimasta uguale, ma in questo modo abbiamo fornito una descrizione del contenuto della tabella per tutti quegli utenti che si trovano a visitare la pagina mediante l'utilizzo di un browser non visuale.