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

SCR20-4: キーボードとその他のデバイス特有の機能を両方とも用いる

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

7.2.1.1キーボード操作に関する達成基準 (等級A)

テストファイル

SCR20-4のテストファイル

見解

要注意

対象

イベントハンドラ(mouseover + focus)

注意点

HPRではサポートされていない。
実装方法によってはキーボード操作でフォーカスが閉じ込められてしまうこともあるので、しっかりと動作確認を行う必要がある。また、onmouseoverとonkeypressは、iPhoneやiPadなどのタッチパネル・インタフェースでは意図通りに動作しないことがあるため、注意が必要である。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1.マウス操作:リンク「ダイアログを表示」にマウスオーバーすると、ダイアログが表示されることを確認
2.キーボード操作:リンク「ダイアログを表示」にキーボード操作でフォーカスを移動させると、ダイアログが表示されることを確認
2012年4月追加
Internet Explorer 7.0 1.マウス操作:リンク「ダイアログを表示」にマウスオーバーすると、ダイアログが表示されるかを確認
2.キーボード操作:リンク「ダイアログを表示」にキーボード操作でフォーカスを移動させると、ダイアログが表示されるかを確認
2012年4月追加
Internet Explorer 8.0 1.マウス操作:リンク「ダイアログを表示」にマウスオーバーすると、ダイアログが表示されるかを確認
2.キーボード操作:リンク「ダイアログを表示」にキーボード操作でフォーカスを移動させると、ダイアログが表示されるかを確認
2012年4月追加
Internet Explorer 9 いずれもJavaScript有効時
1.マウス操作:マウスカーソルをリンク「ダイアログを表示」上に移動させる。その時にダイアログが表示されることを確認。
2.キーボード操作:Tabキーを使いフォーカスをリンク「ダイアログを表示」上に移動させる。その時にダイアログが表示されることを確認。
2012年4月追加
JavaScript無効時もマウス及びキーボード操作のどちらでもダイアログが表示されないことを確認。
Firefox 3.5 1.マウス操作:リンク「ダイアログを表示」にマウスオーバーすると、ダイアログが表示されるか
2.キーボード操作:リンク「ダイアログを表示」にキーボード操作でフォーカスを移動させると、ダイアログが表示されることを確認
2012年4月追加
Firefox 4.0 いずれもJavaScript有効時
1.マウス操作:マウスカーソルをリンク「ダイアログを表示」上に移動させる。その時にダイアログが表示されることを確認。
2.キーボード操作:Tabキーを使いフォーカスをリンク「ダイアログを表示」上に移動させる。その時にダイアログが表示されることを確認。
2012年4月追加
JavaScript無効時もマウス及びキーボード操作のどちらでもダイアログが表示されないことを確認。
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 ■読み上げ
「マイクロソフトインターネットエクスプローラーダイアログ、JavaScriptは有効です。OKボタン、ボタンを押す時はスペースキーをおします。」
2012年4月追加
ホームページ・リーダー 3.04 × リンク「ダイアログを表示」にキーボード操作でフォーカスを移動させるとと、ダイアログが表示されてダイアログの内容を読み上げるかを確認 2012年4月追加
■読み上げ
「ダイアログを表示、イベント。」
1.×:キーボード操作でフォーカスを移動させただけでは、ダイアログが表示されなかったので×。
PC-Talker XP 3.06 ■読み上げ
「マイクロソフトインターネットエクスプローラーの警告メッセージ、JavaScriptは有効です。EnterはOK」
2012年4月追加
PC-Talker XP 3.06 + NetReader 1.18 ■読み上げ
「マイクロソフトインターネットエクスプローラーの警告メッセージ、JavaScriptは有効です。EnterはOK」
2012年4月追加
FocusTalk V3 「キー操作モード」がON/OFF両方の時に、ダイアログが表示されてダイアログの内容を読み上げる。 2012年4月修正
「Webページからのメッセージ JavaScriptは有効です。」と読み上げる。
NVDA 2010.1j - NVDA 2011.1 でのみ再検証実施
NVDA 2011.1 Tabキー(またはKキー)でフォーカスを[ダイアログを表示]リンクへ移動させると、「ダイアログを表示 リンク」と読みあげる。
そこで10秒ほど待っていると、「ダイアログ JavaScriptは有効です OKボタン」と読み上げる。
2012年4月追加
Firefox18.0.1 未検証
Google Chrome 25 【1】リンク「ダイアログを表示」にマウスオーバーすると、ダイアログが表示されるかを確認する。
【2】リンク「ダイアログを表示」にキーボード操作でフォーカスを移動させると、ダイアログが表示されるかを確認する。
【1】○
リンク「ダイアログを表示」にマウスオーバーすると、“JavaScriptは有効です”とのダイアログが表示されることを確認した。
【2】○
リンク「ダイアログを表示」にキーボード操作でフォーカスを移動させると、“JavaScriptは有効です”とのダイアログが表示されることを確認した。
(ただし、ダイアログボックスの「OK」ボタンを押下しても、フォーカスがテキスト「ダイアログを表示」にあり続けるため、繰り返しダイアログが表示され続け抜けられなくなる。“このページでこれ以上ダイアログボックスを生成しない”にチェックを入れることで回避)
Safari 6.0.5 フォーカスの位置を示すアウトラインが移動する前にダイアログが開き、その後OKボタンを押しても何度もダイアログが開く状態に陥ってしまう
NVDA 2012.3 ■操作手順
Tabキー(またはKキー)でフォーカスを[ダイアログを表示]リンクへ移動させ、10秒ほど待っていると、「ダイアログ JavaScriptは有効です OKボタン」と読み上げた。
■音声読み上げ
「ダイアログ JavaScriptは有効です OKボタン」
PC-Talker 7 2.12 ■操作手順
リンクにフォーカスを移動
■音声読み上げ
Ctrl+下矢印キーでリンクへフォーカス移動と同時にダイアログを表示
「Webページからのメッセージ のメッセージ JavaScriptは有効です。 EnterはOK」
Tabキーの場合は、[OK]ボタンしか読み上げない
VoiceOver ■操作手順
2本指フリック、1本指フリックともに、フォーカスを[ダイアログを表示]リンクへ移動させると、「警告 http://waic.jp JavaScriptは有効です OK ボタン」と読み上げた。
■音声読み上げ
「警告 http://waic.jp JavaScriptは有効です OK ボタン」