大まかに次のようなデータの表を提供しています。
| | 2009 | 2010 | 2011 |
| location 1 | pass | pass | fail |
| location 2 | fail | pass | pass |
普通に目の見える読者にとって、最初の列である場所名の意味は明確であり、列のヘッダーを省略した方が視覚的に見栄えがよくなります。ただし、これはスクリーン リーダーを使用しているユーザーにとっては役に立たず、当然のことながら、WAI 検証に失敗します。
私のマークアップは次のようになります。
<table>
<thead>
<tr>
<th> </th> <!-- question here -->
<th>2009</th>
<th>2010</th>
<th>2011</th>
</tr>
</thead>
...
だから私の質問は、th
それを必要とする人々にサポートとコンテキストを提供し、そうでない人々に視覚的な混乱を追加しないように、指定されたものに何を追加すればよいですか?
私が考えたオプションの 1 つは、列のタイトルをマークアップに追加することですが、目の見える読者のために CSS を使用して非表示にすることです。しかし、ARIA メタデータまたは類似のものを使用するより良い (よりセマンティックな) 方法があるのだろうか?