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

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

関連する達成基準の実装方法一覧

7.1.3.1情報及び関係性に関する達成基準 (等級A)

テストファイル

H43のテストファイル

見解

要注意

対象

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 - テスト不要
Firefox 9.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%」
Firefox18.0.1 - テスト不要
Google Chrome 25 テスト不要
Safari 6.0.5 テスト不要
NVDA 2012.3 ■操作手順
Ctrl+Alt+左右矢印キーでセル間を移動した際、移動先のセルの内容とともに関連する見出しを読み上げた。
■音声読み上げ
15% 東京男性2列5% 東京女性3列15% 東京合計4列10%」
PC-Talker 7 2.12 × ■操作手順
Ctrl+下矢印キーで行読み
■音声読み上げ
Ctrl+下矢印キーで読み進めると、
「全国」、「東京」、「大阪」、「男性」、「女性」、「合計」、「男性」、「女性」、「合計」、「15%」・・・
の順で読み上げる
テーブル読み上げ機能がないので、データセルと見出しセルを関連付けての読み上げができない。
VoiceOver ■操作手順
2本指フリックでは、データセルと見出しセルの関連付けはされなかった。
1本指フリックでは、関連付けはされるものの一部のみ。
■音声読み上げ
2本指フリック
「全国 表の開始位置です 東京 大阪
男性 女性 合計 男性 女性 合計
15% 5% 15% 10% 15% 25% 20%
表の終了位置です」
1本指フリック
「全国 表の開始位置です
東京
大阪
東京 男性
女性
合計
大阪 男性
女性
合計
全国 15%
東京 5%
15%
10%
大阪 15%
25%
20%
表の終了位置です」