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

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

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

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

テストファイル

H73-2のテストファイル

見解

要注意

対象

table要素のsummary属性, caption要素

注意点

スクリーンリーダーのPC-Talkerが対応していない。
単純な構造のデータテーブルにはsummaryが必要ないこともある。特に、レイアウトテーブルの場合にはsummary属性を使用しないこと (F46: 達成基準 1.3.1 の不適合事例 - レイアウトテーブルで、th要素、caption要素、又は空ではないsummary属性を用いている)。
また、caption要素と併用する際には、summary属性の内容がcaptionの内容の繰り返しにならないようにする必要がある。

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

表の説明がスクリーンリーダーの利用者以外にも有益なものであれば、表題を使用したり、単純に表の前にテキストを書いて説明したほうが良い場合もある。2014年2月現在のHTML5の仕様案では、表の前にp要素等で説明を書き、aria-describedby属性でtableと結びつける方法が例示されている。

備考

2014年2月現在のHTML5の仕様案にはsummary属性は含まれておらず、廃止される方向である。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
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 ■操作手順
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丁目の各バス停での発車時刻、および終点の東京駅丸の内南口バス停への到着時刻が示されている。」
Firefox18.0.1 - テスト不要
Google Chrome 25 テスト不要
Safari 6.0.5 テスト不要
NVDA 2012.3 ■操作手順
テーブルの先頭にフォーカスを移動させた際、「05番系統 バス時刻表(平日)」という内容が読み上げられた。
■音声読み上げ
「テーブル2行4列のテーブル 05番系統 バス時刻表(平日)
PC-Talker 7 2.12 × ■操作手順
Ctrl+下矢印キーで行読み、Shiftキーで全文読み、またはTキー
■音声読み上げ
Ctrl+下矢印キーで行読み、Shiftキーで全文読み
「05番系統 バス時刻表(平日)」
「勝どき駅前」
「築地」
「銀座4丁目」
「東京駅丸の内南口」
「6:00」
「6:05」
「6:11」
「6:19」
Tキー
「05番系統 バス時刻表(平日) 17の位置 テーブル」
summary属性値を読み上げない。またsummary属性値に何らかの記述があることも知らせない。
VoiceOver × ■操作手順
2本指フリックした場合には、summary属性もcaption要素も読み上げられなかった。
1本指フリックした場合は、summary属性は読み上げられず、caption要素のみ読み上げられた。
■音声読み上げ
「5番系統 バス時刻表 平日
勝鬨駅前 表の開始位置です」