アクセシビリティ・サポーテッド(AS)情報:H043

H043id属性及びheaders属性を用いて、データテーブルのデータセルを見出しセルと関連付ける

見解

要注意

対象

th要素のid属性とtd要素のheaders属性

注意点

スクリーンリーダーによるサポートが十分とはいえない。
ただし、複雑な構造になってしまう場合は、この実装方法のようにid属性とheaders属性を用いてデータセルと見出しセルとの関連付けを行う。

代替もしくは推奨する方法

id属性とheaders属性を使わないですむように、できるかぎり単純な構造にしたほうがよい。例えば、見出しセルを複数行/複数列にしない、セルを結合しないなど。

備考

使用することによる悪影響はなく、スクリーンリーダーの今後の機能向上に期待する。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 - テスト不要
Internet Explorer 7.0 - テスト不要
Internet Explorer 8.0 - テスト不要
Internet Explorer 9 テスト不要
Firefox 3.5 - テスト不要
Firefox 4.0 - テスト不要
Safari 3.2 - テスト不要
Safari 5.0.3 - テスト不要
JAWS for Windows 9.0 ■操作手順
1.Ctrl+Alt+テンキー(6なら右へセル移動、4なら左へセル移動)で確認した。
1つ目のデータセル「15%」から2つ目のデータセル「5%」に移動した際には、「東京 男性 5% 2列」と読み上げた
2.Ctrl+Alt+テンキー5で確認した。
2つ目のデータセル「5%」を「2行カンマ3列 東京 男性 5%」と読み上げた (JAWSオプションの調整で、テーブルのタイトル読み上げを'マークされたタイトル'に設定しておくことが条件)
■音声読み上げ
1.例1「東京 男性 5% 2列」
1.例2「東京 女性 15% 3列」
2.「2行 カンマ 3列 東京 男性 5%」
ホームページ・リーダー 3.04 ■操作手順
テーブル読み上げモードで「東京男性5%」から→すると「東京女性15%」と読み上げる※重なる「東京」を読み上げさせない機能はない
テーブル読み上げモードでスペースを押すことで、現在のセルを再度フォーカス移動時と同じように読み上げる
■音声読み上げ
(テーブル読み上げモードで15%にカーソルを合わせる)「東京男性5%」
PC-Talker XP 3.06 × ■操作手順
テーブル読み上げ機能がない。
■音声読み上げ
「全国 東京 大阪 男性 女性 合計 男性 女性 合計  15%・・・」
テーブル読み上げ機能がないので、セルデータについての読み上げができない。
PC-Talker XP 3.06 + NetReader 1.18 × ■操作手順
テーブル読み上げ機能がない。
また、[T]キーで次のテーブルで移動した際は、「全国 東京 大阪 ジュウゴ の ニ テーブル イチ」と読み上げた。
■音声読み上げ
「全国 東京 大阪 男性 女性 合計 男性 女性 合計 ジュウゴ パーセント ゴ パーセント・・・」
「全国 東京 大阪 ジュウゴ の ニ テーブル イチ」
テーブル読み上げ機能(テーブルモード)はあるが、検証結果は×である。
FocusTalk V3 × ■操作手順
Ctrl+Tてテーブル読み上げモードにするが、見出しを読み上げない
■音声読み上げ
「R3C2 5%」
NVDA 2010.1j × ■操作手順
Ctrl+Alt+左右矢印キーでセル間を移動した際、移動先のセルの内容は読み上げられるが、関連する見出しなどは読み上げられなかった。
■音声読み上げ
「1列15% 2列5% 3列15%」
NVDA 2011.1 ■操作手順
Ctrl+Alt+左右矢印キーでセル間を移動した際、移動先のセルの内容とともに関連する見出しを読み上げた。
■音声読み上げ
15% 東京男性2列5% 東京女性3列15% 東京合計4列10%」