2.4.3 Bijschrift is gemarkeerd met het caption-element

Als een gegevenstabel een bijschrift heeft, gebruik daar dan het caption-element voor.

Voorbeeld (goed)

In de onderstaande tabel luidt het bijschrift "Openingsuren":

<table>
<caption>Openingsuren</caption>
<tr>
 <th>Dag</th>
 <th>Uren</th>
</tr>
<tr>
 <td>Maandag tot vrijdag</td>
 <td>9h - 16h</td>
</tr>
<tr>
 <td>Zaterdag</td>
 <td>9h - 17h</td>
</tr>
 <tr>
 <td>Zon - en feestdagen</td>
 <td>gesloten</td>
</tr>
</table>

Voorbeeld (niet goed)

Het is niet de bedoeling dat u een colspan-attribut gebruikt in de eerste rij van de tabel.

<table>
<tr>
 <td colspan="2">Openingsuren</td>
</tr>
<tr>
 <th>Dag</th>
 <th>Uren</th>
</tr>
<tr>
 <td>Maandag tot vrijdag</td>
 <td>9h - 16h</td>
</tr>
<tr>
 <td>Zaterdag</td>
 <td>9h - 17h</td>
</tr>
<tr>
 <td>Zon - en feestdagen</td>
 <td>gesloten</td>
</tr>
</table>

Opmerkingen

  • Dit ijkpunt zegt niet dat elke tabel een bijschrift moet hebben.
  • Dit ijkpunt is een toepassing van het concept semantisch structureren.
  • Als u niet tevreden bent met het standaarduitzicht van het bijschrift kunt u dit uiteraard aanpassen in het stijlblad.
  • Naast het caption-element bestaat er ook een summary-attribuut. Als u het bijschrift hierin zou plaatsen, is het niet zichtbaar op het scherm en wordt het enkel voorgelezen door een screenreader. We raden het gebruik van dit attribuut af omdat u er slechts een kleine groep mee bereikt.

Zelf testen

Als een gegevenstabel een bijschrift of titel heeft ga dan na of deze in een caption-element staat.

Dat kunt u doen door in de HTML-code te kijken of gebruik te maken van een toolbar.

Web developer toolbar in Firefox:

  • Outline > outline tables > table captions
  • Ga na dat het bijschrift omkaderd is.
    • Ja; dan is aan dit ijkpunt voldaan.
    • Nee; pas uw website aan.

Accessibility toolbar in Internet Explorer

  • Structuur > eenvoudige datatabellen
  • Ga na of het bijschrift tussen [caption] en [/caption] staat
    • Ja; dan is aan dit ijkpunt voldaan.
    • Nee; pas uw website aan.