セルの見出し

Silktide は、headers 属性を使用して見出しを指定している表のセルをチェックし、参照されているすべての ID が実際に存在することを確認します。存在しない ID を参照すると、セルとその見出しの関連付けが気付かないうちに壊れてしまいます。

複雑な表では、各データセルに headers 属性を指定し、そのセルに適用される見出しセルの id 値を一覧で記載できます。ID の入力を誤った場合や、参照先の見出しの名前が変更または削除された場合、関連付けがひそかに機能しなくなります。

<!-- 問題: id="prise" を持つ要素が存在しない（"price" の入力ミス） -->
<td headers="prise">$40</td>

これが重要な理由

は headers の関連付けを使用して、各値の前に適切な見出しを読み上げます。これにより、表を見られない人でも、それぞれの数値が何を意味するのかを把握できます。参照先が存在しない場合、セルはコンテキストなしで読み上げられるため、聞き手は何かが欠けていることに気付けません。表の内容を理解するのが単に難しくなったり、不可能になったりします。

壊れた参照は、通常、時間の経過とともに入り込みます。見出しの id が変更されたり、列が削除されたり、によって ID が再生成されたりするためです。見た目には何も変化しないため、自動チェックがなければ誰も気付きません。

修正方法

セルの headers 属性を見つけ、一覧に記載された各 ID を表の見出しセルの id 属性と比較します。
入力ミスを修正するか、一覧を見出しの現在の id に更新します。
参照先の見出しが存在しなくなっている場合は、古い ID を一覧から削除します。
表が単純な構造（見出しが 1 行または 1 列のみ）の場合は、headers の関連付けを完全に削除し、代わりに scope 属性を持つ <th> セルを使用することを検討してください。この方法では同じような問題は発生しません。

<!-- 修正後: 参照先が実在する見出しと一致している -->
<th id="price">Price</th>
...
<td headers="price">$40</td>

Silktide によるチェック方法

各ページで headers 属性を持つすべての表セルを見つけます。
属性値を個々の ID に分割します。
各 ID をページ内のあらゆる場所で検索します。
存在しない ID を 1 つ以上参照している各セルを報告します。

トラブルシューティング

ID は存在するのにセルが報告される

完全一致に関する問題がないか確認してください。ID は大文字と小文字を区別するため、Price と price は異なる ID です。また、一覧がスペースのみで区切られていることも確認してください。カンマやその他の句読点は ID の一部として扱われ、検索が失敗します。