2

大まかに次のようなデータの表を提供しています。

|                   |  2009  |  2010  |  2011  |
| location 1        |  pass  |  pass  |  fail  |
| location 2        |  fail  |  pass  |  pass  |

普通に目の見える読者にとって、最初の列である場所名の意味は明確であり、列のヘッダーを省略した方が視覚的に見栄えがよくなります。ただし、これはスクリーン リーダーを使用しているユーザーにとっては役に立たず、当然のことながら、WAI 検証に失敗します。

私のマークアップは次のようになります。

<table>
 <thead>
   <tr>
     <th>&nbsp;</th> <!-- question here -->
     <th>2009</th>
     <th>2010</th>
     <th>2011</th>
   </tr>
 </thead>
 ...

だから私の質問は、thそれを必要とする人々にサポートとコンテキストを提供し、そうでない人々に視覚的な混乱を追加しないように、指定されたものに何を追加すればよいですか?

私が考えたオプションの 1 つは、列のタイトルをマークアップに追加することですが、目の見える読者のために CSS を使用して非表示にすることです。しかし、ARIA メタデータまたは類似のものを使用するより良い (よりセマンティックな) 方法があるのだろうか?

4

3 に答える 3