要注意
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%」 |