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

H71-3: fieldset要素及びlegend要素を用いて、フォーム・コントロールのグループに関する説明を提供する

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

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

7.3.3.2ラベル又は説明文に関する達成基準 (等級A)

テストファイル

H71-3のテストファイル

見解

達成可能

対象

legend要素のラベル:ラジオボタン(form要素あり)

備考

使用することによる悪影響はなく、スクリーンリーダーの今後の機能向上に期待する。
ちなみに、JAWSでは、[コントロールグループ名を読む]をオンにするとラベルを読み上げる。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 画面上で3つのラジオボタン項目を囲った枠が表示されている
Internet Explorer 7.0 3つのラジオボタンを罫線が囲んでおり、「好きな哲学者は?」が3つのラジオボタンをグルーピングしたラベルであるとわかることを確認
Internet Explorer 8.0 3つのラジオボタンを罫線が囲んでおり、「好きな哲学者は?」が3つのラジオボタンをグルーピングしたラベルであるとわかることを確認
Internet Explorer 9 「好きな哲学者は?」が、3つのラジオボタンをグルーピングしたラベルと分かるように枠線で囲われているように表示されるかを確認
Firefox 3.5 3つのラジオボタンを罫線が囲んでおり、「好きな哲学者は?」が3つのラジオボタンをグルーピングしたラベルであるとわかることを確認
Firefox 4.0 1:「好きな哲学者は?」が、3つのラジオボタンをグルーピングしたラベルと分かることを確認
Firefox 9.0 「好きな哲学者は?」が、3つのラジオボタンをグルーピングしたラベルと分かるように枠線で囲われているように表示されるかを確認
Safari 3.2 3つのラジオボタンのグルーピングが罫線で囲われていることを確認。
Safari 5.0.3
JAWS for Windows 9.0 ■操作手順
Rを使うと、「好きな哲学者は?」「ソクラテス」「ラジオボタンチェックなし」「3の1」、「好きな哲学者は?」「プラトン」「ラジオボタンチェックなし」「3の2」・・・と読み上げる(フォームモードオンで確認)
■音声読み上げ
「好きな哲学者は? ソクラテス ラジオボタンチェック 3の1 選択を変更するには上下の矢印キーを押します マル」・・・・
ホームページ・リーダー 3.04 ■操作手順
Tabキーで移動すると、最初「好きな哲学者は?」と「ソクラテス」「Off」が一緒に読み上げられる
■音声読み上げ
「 (フォーム1 の先頭。) 好きな哲学者は?  [OFF。]  ソクラテス  [OFF。]
プラトン  [OFF。]  アリストテレス  (フォーム1 の終わり。)」
PC-Talker XP 3.06 ■操作手順
tabキーでフォーカスを移動。
■音声読み上げ
「好きな哲学者は? ソクラテス のラジオボタン選択、 プラトンのラジオボタン選択、 アリストテレスのラジオボタン選択 」
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
1. 最初のラジオボタンにフォーカスを移動させた際に、legend要素の文言を、ラベル及びラジオボタンと一緒に(ラベル及びラジオボタンの前に)読み上げた。
■音声読み上げ
1. 「好きな哲学者は クエスチョン の 選択 ソクラテス ラジオ イチ オン」
FocusTalk V3 × ■操作手順
1.Tabキーでフォーカスを移動すると「ソクラテスのラジオボタン チェックなし」と読み上げる。
■音声読み上げ
1.「ソクラテスのラジオボタン チェックなし」
2.「プラトンのラジオボタン チェックなし」(以下同様)
NVDA 2010.1j × ■操作手順
Rキーを用いてラジオボタン間を移動したが、「ソクラテス」などの項目は読み上げられるものの、「好きな哲学者は?」が項目の前に読み上げられなかった。
■音声読み上げ
「ソクラテスラジオボタンチェックなしプラトンラジオボタンチェックなし アリストテレスラジオボタンチェックなし」
NVDA 2011.1 × ■操作手順
Rキーを用いてラジオボタン間を移動したが、「ソクラテス」などの項目は読み上げられるものの、「好きな哲学者は?」が項目の前に読み上げられなかった。
■音声読み上げ
「ソクラテスラジオボタンチェックなしプラトンラジオボタンチェックなし アリストテレスラジオボタンチェックなし」
Firefox18.0.1 「好きな哲学者は?」が、3つのラジオボタンをグルーピングしたラベルと分かるように枠線で囲われているように表示されるかを確認
Google Chrome 25 【1】legend要素の文言「好きな哲学者は?」が、3つのラジオボタンをグルーピングしたラベルと分かるように表示されるか(例:3つのラジオボタンを罫線で囲んでいる)。 【1】○
「好きな哲学者は?」が、3つのラジオボタンをグルーピングしたラベルと分かるように表示されることを確認した。
Safari 6.0.5
NVDA 2012.3 ■操作手順
1. Tabキーを用いて最初のラジオボタンに移動したところ、「好きな哲学者は? グループ」と読んだ後に「ソクラテス」と読み上げた。
2. Tabキーを押して2番目と3番目のラジオボタンに移動したところ、「プラトン」と「アリストテレス」とは読み上げられたものの、「好きな哲学者は? グループ」という読みは付加されなかった。
■音声読み上げ
1. 「好きな哲学者は? グループ ソクラテスラジオボタンチェックなし1の3」
2. 「プラトンラジオボタンチェックなし2の3 アリストテレスラジオボタンチェックなし3の3」
PC-Talker 7 2.12 × ■操作手順
Ctrl+下矢印キー、またはTabキーで移動。
■音声読み上げ
Ctrl+下矢印キー、またはTabキー
「ソクラテス のラジオボタン 選択」
右または下矢印キー
「プラトン のラジオボタン 選択」
右または下矢印キー
「アリストテレス のラジオボタン 選択」
ラジオボタンにフォーカスした際に「好きな哲学者は?」を読み上げない
VoiceOver × ■操作手順
2本指フリック、1本指フリックともに、項目の前に「好きな哲学者は?」が読み上げられなかった。
■音声読み上げ
「好きな哲学者は?
ソクラテス ラジオボタン チェックが外されました 全3個中1個 ダブルタップして設定を切り替えます
プラトン ラジオボタン チェックが外されました 全3個中2個 ダブルタップして設定を切り替えます
アリストテレス ラジオボタン チェックが外されました 前3個中3個 ダブルタップして設定を切り替えます」