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

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

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

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

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

テストファイル

H71-1のテストファイル

見解

達成可能

対象

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

備考

使用することによる悪影響はなく、スクリーンリーダーの今後の機能向上に期待する。

テスト結果の詳細

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