<caption>

Description

L’élément <caption> fournit un titre ou une description courte pour un tableau. Il doit être placé immédiatement après la balise <table> ouvrante, avant tout autre contenu. Il est affiché au-dessus du tableau par défaut et est annoncé par les lecteurs d’écran avant les données.

Syntaxe

<table>
  <caption>Titre du tableau</caption>
  <thead>…</thead>
  <tbody>…</tbody>
</table>

Exemples

Tableau avec légende descriptive :

<table>
  <caption>Comparatif des frameworks JavaScript (mars 2025)</caption>
  <thead>
    <tr>
      <th scope="col">Framework</th>
      <th scope="col">Étoiles GitHub</th>
      <th scope="col">Taille (gzip)</th>
    </tr>
  </thead>
  <tbody>
    <tr><td>React</td><td>220k</td><td>45 ko</td></tr>
    <tr><td>Vue</td><td>210k</td><td>23 ko</td></tr>
  </tbody>
</table>

Notes

Accessibilité : <caption> est la façon préférée de décrire un tableau pour les technologies d’assistance. Les lecteurs d’écran annoncent le caption avant de lire le tableau. Sans caption, un tableau complexe est difficile à comprendre hors contexte.

Positionnement CSS : par défaut, <caption> est au-dessus du tableau. La propriété CSS caption-side: bottom peut le placer en dessous.