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

H073-2table要素のsummary属性を用いて、データテーブルの概要を提供する

見解

要注意

対象

table要素のsummary属性, caption要素

注意点

単純な構造のデータテーブルには使用しなくてもよい。
なお、レイアウトテーブルの場合には、「F46: 達成基準 1.3.1 の不適合事例 - レイアウトテーブルで、th要素、caption要素、又は空ではないsummary属性を用いている」に注意すること。

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

summary属性を使用する際には、利用者の理解を助けるように記述するべきである。
また、caption要素と併用する際には、summary属性の内容が単にcaption要素の繰り返しにならないように記述する必要がある。

備考

HTML5の草案では、視覚に障害のある利用者以外にも有用であれば、表題や表の前のテキストで説明すべきだとしている。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
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 ■操作手順
captionの「05番系統 バス時刻表(平日)」と読み上げてから、「勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」と読み上げた。
■読み上げ(Tを押して確認)
「05番系統 バス時刻表 カコヒラキ 平日 カッコトジ 勝どき駅前から東京駅へ向かうバスの時刻表 マル 時刻表には テン 勝どき駅前 テン 築地 テン 銀座4丁目の各バス停での発車時刻 テン および終点の東京駅丸の内南口バス停への到着時刻が示されている マル  1行 カンマ 1列 勝どき駅前」
ホームページ・リーダー 3.04 ■操作手順
テーブルに入る前にメタテキスト音声で「テーブル情報: 勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」と読み上げる
その後captionが通常テキストとして読み上げられる
■音声読み上げ
「テーブル情報: 勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」
PC-Talker XP 3.06 × ■操作手順
captionは読み上げたが、summaryは読み上げられなかった。
「05番系統 バス時刻表(平日) 勝どき駅前 築地 銀座4丁目 東京駅丸の内南口 6:00 6:05 6:11 6:19 」(ろくぜろぜろ と読み上げていた)
■音声読み上げ
「05番系統 バス時刻表(平日) 勝どき駅前 築地 銀座4丁目 東京駅丸の内南口 6:00 6:05 6:11 6:19 」
captionは読み上げたが、summaryは読み上げられなかったので×。
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
データテーブルのtable要素のsummary属性値に記述されている要約を読み上げた。
■音声読み上げ
「テーブルの概要 コロン 勝どき駅前から東京駅へ向かうバスの時刻表 マル 時刻表には テン 勝どき駅前 テン 築地 テン 銀座4丁目の各バス停での発車時刻 テン および終点の東京駅丸の内南口バス停への到着時刻が示されている マル ゼロゴ番系統 バス時刻表 カッコ 平日 カッコトジ 勝どき駅前 築地 銀座4丁目 東京駅丸の内南口 ロク コロン ゼロゼロ ロク コロン ゼロゴ ロク コロン ジュウイチ ロク コロン ジュウキュウ」
Tキー(次のテーブル)でテーブルにフォーカスを移動させた際は、summary属性値を読み上げないし、読み上げるためのキー操作もない。
しかし、全文読みの場合は、summary属性値を読み上げるため、○とした。
FocusTalk V3 ■操作手順
・1行読みモードで「↓」を押すと、「テーブル 勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」 と読み上げ、つづけて、「↓」で「05番系統 バス時刻表(平日) テーブルタイトルテーブル」と読み上げられた。
・全文読みモードではキャプション 「05番系統 バス時刻表(平日) テーブルタイトルテーブル」は読み上げられたが、summaryの内容は読み上げない。
■音声読み上げ
「テーブル 勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」 「05番系統 バス時刻表(平日) テーブルタイトルテーブル」
NVDA 2010.1j ■操作手順
テーブルの先頭にフォーカスを移動させた際、「勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」という内容が読み上げられた。
■音声読み上げ
「テーブル2行4列のテーブル 勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」
NVDA 2011.1 ■操作手順
テーブルの先頭にフォーカスを移動させた際、「勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」という内容が読み上げられた。
■音声読み上げ
「テーブル2行4列のテーブル 勝どき駅前から東京駅へ向かうバスの時刻表。時刻表には、勝どき駅前、築地、銀座4丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」