u bent hier: Home > In de praktijk > AnySurfer checklist > 2.4.3 Bijschrift is gemarkeerd met het caption-element
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 eensummary-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.