データテーブルにキャプションを付けるためにデータセルまたはヘッダーセルを使用しないでください

この問題を修正するには、セルと colspan 属性を使って視覚的にキャプションを表すのではなく、テーブルに実際の caption 要素を使うようにします。

スクリーン・リーダーのユーザーがテーブル形式のデータを理解できるようにするには、画面上のタイトルに caption 要素を使用します。

例: caption 要素を使用したシンプルなデータテーブル

<table class="data">
    <caption>
      Greensprings Running Club Personal Bests
    </caption>
Greensprings Running Club Personal Bests
</caption>
    <thead>
    <tr>
      <th scope="col">Name</th>
      <th scope="col">1 mile</th>
      <th scope="col">5 km</th>
      <th scope="col">10 km</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <th scope="row">Mary</th>
      <td>8:32</td>
      <td>28:04</td>
      <td>1:01:16</td>
    </tr>
    <tr>
      <th scope="row">Betsy</th>
      <td>7:43</td>
      <td>26:47</td>
      <td>55:38</td>
    </tr>
    <tr>
      <th scope="row">Matt</th>
      <td>7:55</td>
      <td>27:29</td>
      <td>57:04</td>
    </tr>
    <tr>
      <th scope="row">Todd</th>
      <td>7:01</td>
      <td>24:21</td>
      <td>50:35</td>
    </tr>
    </tbody>
  </table>