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

SCR37: デバイス非依存な方法でカスタム・ダイアログを作成する

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

7.2.4.3フォーカス順序に関する達成基準 (等級A)

テストファイル

SCR37のテストファイル

見解

要注意

対象

onclickイベント

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

スクリーンリーダーでは、ダイアログを開くだけで何も読み上げず、ダイアログが開いたことも音声では分からない。そのため、そのボタンを押すとダイアログが開くことを明示するなどしたほうがよい。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1.マウス操作:[オプション]ボタンをクリックすると、ダイアログが表示され、[OK]及び[キャンセル]ボタンをクリックすると、ダイアログを閉じられることを確認
2.キーボード操作 1:[オプション]ボタンを押下すると、ダイアログが表示され、[OK]及び[キャンセル]ボタンを押下すると、ダイアログを閉じられることを確認
2012年4月修正
Internet Explorer 7.0 1.マウス操作:[オプション]ボタンをクリックすると、ダイアログが表示され、[OK]及び[キャンセル]ボタンをクリックすると、ダイアログを閉じられるかを確認
2.キーボード操作 1:[オプション]ボタンを押下すると、ダイアログが表示され、[OK]及び[キャンセル]ボタンを押下すると、ダイアログを閉じられるかを確認
2012年4月修正
Internet Explorer 8.0 1.マウス操作:[オプション]ボタンをクリックすると、ダイアログが表示され、[OK]及び[キャンセル]ボタンをクリックすると、ダイアログを閉じられるかを確認
2.キーボード操作 1:[オプション]ボタンを押下すると、ダイアログが表示され、[OK]及び[キャンセル]ボタンを押下すると、ダイアログを閉じられるかを確認
Internet Explorer 9 1.マウス操作:マウスカーソルをオプションボタン上に移動させる。「オプション」ボタンをクリックする。ダイアロクが表示されることを確認。マウスカーソルを「OK」ボタン及び「キャンセル」ボタン上に移動する。マウスをクリックし「OK」ボタン及び「キャンセル」ボタンを押下。その際にダイアログが閉じることを確認。
2.キーボード操作:Tabキーを使いフォーカスをオプションボタン上に移動させる。Enterキーで「オプション」ボタンを押下する。ダイアロクが表示されることを確認。Tabキーを使いフォーカスを「OK」ボタン及び「キャンセル」ボタン上に移動する。Enterキーで「OK」ボタン及び「キャンセル」ボタンを押下。その際にダイアログが閉じることを確認。
2012年4月修正
Firefox 3.5 1.マウス操作:[オプション]ボタンをクリックすると、ダイアログが表示され、[OK]及び[キャンセル]ボタンをクリックすると、ダイアログを閉じられることを確認
2.キーボード操作 1:[オプション]ボタンを押下すると、ダイアログが表示され、[OK]及び[キャンセル]ボタンを押下すると、ダイアログを閉じられることを確認
2012年4月修正
Firefox 4.0 1.マウス操作:マウスカーソルをオプションボタン上に移動させる。「オプション」ボタンをクリックする。ダイアロクが表示されることを確認。マウスカーソルを「OK」ボタン及び「キャンセル」ボタン上に移動する。マウスをクリックし「OK」ボタン及び「キャンセル」ボタンを押下。その際にダイアログが閉じることを確認。
2.キーボード操作:Tabキーを使いフォーカスをオプションボタン上に移動させる。Enterキーで「オプション」ボタンを押下する。ダイアロクが表示されることを確認。Tabキーを使いフォーカスを「OK」ボタン及び「キャンセル」ボタン上に移動する。Enterキーで「OK」ボタン及び「キャンセル」ボタンを押下。その際にダイアログが閉じることを確認。
Firefox 9.0 -
Safari 3.2 - Safari 5.1でのみ再検証実施
Safari 5.0.3 2012年4月修正
Mac OSのシステム環境設定のキーボード>キーボードショートカットにある「フルキーボードアクセス」は「すべてのコントロール」を選択
Safariの環境設定>詳細にある「Tabキーを押したときにWebページ上の各項目を強調表示」をON
JAWS for Windows 9.0 ■読み上げ
「オプションボタン、(Tabキーを押下)ソートオーダーデフォルトラジオボタンチェック2の2、OKボタン、キャンセルボタン」
1.:ダイアログがでてくるが、Tabキーをおすまで読み上げない
2012年4月修正
ホームページ・リーダー 3.04 1.[オプション]ボタンを押下して表示されるダイアログの内容が読み上げられるかを確認
2.[OK]及び[キャンセル]ボタンを押下して、ダイアログを閉じられるかを確認
2012年4月修正
■読み上げ
「オプション、イベント、ボタン。」
1.?:ダイアログがでてくるが、Tabキーをおすまで読み上げない
(WG2で検証結果について検討ください)
2.○
PC-Talker XP 3.06 ダイアログがでてくるが、Tabキーをおすまで読み上げない 2012年4月修正
PC-Talker XP 3.06 + NetReader 1.18 ■読み上げ
「オプション、確認、オプション、ソートオーダーの選択デフォルトラジオにオン、OK、確認、キャンセル確認。」
FocusTalk V3 「キー操作モード」がONの時に、エンターキーを押すとオプション設定ダイアログが表示され、Tabキーを押下すると、各項目(ラジオボタンの項目2つとOK、キャンセルボタン)を読み上げる。
「キー操作モード」がOFFの時に、エンターキーを押すとオプション設定ダイアログが表示され、Tabキーを押下すると、選択済みラジオボタンと、OK、キャンセルボタンのみを読み上げる。
2012年4月修正
NVDA 2010.1j - NVDA 2011.1 でのみ再検証実施
NVDA 2011.1 Tabキー(またはBキー)でフォーカスを[オプション]ボタンへ移動させると、「オプション ボタン」と読みあげる。
1. Enterキーを押しても、ダイアログの内容は読み上げられない。
2. [OK]または[キャンセル]ボタンをEnterキーで押したところ、ダイアログを閉じることができた(とくに、音声によるフィードバックはない)。
2012年4月修正
Firefox18.0.1 1.マウス操作:「オプション」をすると「オプション設定」というダイアログがでて、「OK」または「キャンセル」ボタンを押下するとダイアログが閉じるか、確認
2、3.キーボード操作:「オプション」ボタンを押下すると「オプション設定」というダイアログがでて、tabキーで移動し、「OK」または「キャンセル」ボタンを押下するとダイアログが閉じるか、確認
Google Chrome 25 【1】[オプション]ボタンをクリックすると、ダイアログが表示され、[OK]及び[キャンセル]ボタンをクリックすると、ダイアログを閉じられるかを確認する。
【2】[オプション]ボタンを押下すると、ダイアログが表示され、[OK]及び[キャンセル]ボタンを押下すると、ダイアログを閉じられるかを確認する。
【1】○
[オプション]ボタンをクリックすると、ダイアログが表示され、[OK]及び[キャンセル]ボタンをクリックすると、ダイアログを閉じられることを確認した。
【2】○
[オプション]ボタンを押下すると、ダイアログが表示され、[OK]及び[キャンセル]ボタンを押下すると、ダイアログを閉じられることを確認した。
ただし、ダイアログはページ上の文章の上に重なった表示された。
Safari 6.0.5 ダイアログのボタン移動にはタブキーを使用
NVDA 2012.3 ■操作手順
Tabキー(またはBキー)でフォーカスを[オプション]ボタンへ移動させ、Enterキーを押してもダイアログの内容は読み上げられないが、オプション項目は表示された。その後に[OK]または[キャンセル]ボタンをEnterキーで押したところ、ダイアログを閉じることができた(とくに、音声によるフィードバックはなかった)。
PC-Talker 7 2.12 ■操作手順
[オプション]ボタンを押下してダイアログを表示して、Ctrl+下矢印キー
■音声読み上げ
「オプション のプッシュボタン 確認」
Enterキーでダイアログを表示して、Ctrl+下矢印キー
「オプション設定」
「ソートオーダー」
・・・
VoiceOver ■操作手順
1本指フリックでフォーカスを[オプション]ボタンへ移動させ、ダブルタップしても自動ではダイアログの内容は読み上げられないが、1本指フリックすることでダイアログの内容は読み上げた。
その後に[OK]または[キャンセル]ボタンをダブルタップしたところ、ダイアログを閉じることができた(とくに、音声によるフィードバックはなかった)。
■音声読み上げ
「オプション設定 見出しレベル3
ソートオーダー
アルファベット順 ラジオボタン チェックが外されました 全2個中1個 ダブルタップして設定を切り替えます
デフォルト ラジオボタン チェックマークが付きました 全2個中2個 ダブルタップして設定を切り替えます
OK ボタン
キャンセル ボタン」