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

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

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

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

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

テストファイル

H071-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キーを用いてラジオボタン間を移動したが、「ソクラテス」などの項目は読み上げられるものの、「好きな哲学者は?」が項目の前に読み上げられなかった。
■音声読み上げ
「ソクラテスラジオボタンチェックなしプラトンラジオボタンチェックなし アリストテレスラジオボタンチェックなし」