web-dev-qa-db-ja.com

テーブルに<th>を含む複数の行を含めることはできますか

私は最近、テーブルが<th>の複数の行を持ち、有効性を渡すことができることを読みました。テーブルが狭く、複数の行で<th>を取得する必要があります。 NVDAでテストすると、列のすべての<th>が読み取られ、次にデータセルが読み取られます。これはユーザーを混乱させませんか？

tablesscreen-readercolumn-headers
1
tiki16

これは許可されており、アクセシビリティを支援するためにマークアップを構造化する方法があります。

一般に、各<th>に一意のIDを指定し、次に各<td>に、それ自体に適用されるヘッダーをリストします。これにより、補助ツールによって余分なヘッダーが読み取られなくなります。

<th id="th1" headers="blank">Header 1</th>
<td headers="th1">Data 1</td>
<th id="th2" headers="blank">Header 2</th>
<td headers="th2">Data 2</td>

https://www.w3.org/WAI/tutorials/tables/multi-level/

ただし、より単純なヘッダーを持つ2つの個別のテーブルを使用する場合も、情報が同じくらい効果的かどうかを検討する必要があります。 （必要に応じて、CSSで視覚的に統合できます。）

3
Nathan Rabe