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

C015-2e: CSSを用いて、ユーザーインタフェースコンポーネントがフォーカスを受けとったときの表示を変更する

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

7.2.4.7視覚的に認識可能なフォーカスに関する達成基準 (等級AA)

テストファイル

C015-2eのテストファイル

見解

要注意

対象

select要素

注意点

標準のコントロールを使用する場合、標準のスタイルを変更していないかぎり、G149、G165によって達成基準は自動的に満たされていると考えてよい。

備考

C15を用いた場合、IE6、IE7、IE8では背景色が変更されないが、IE9ではサポートされており、今後の新しいバージョンでのサポートが期待できる。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 × どちらの場合もセレクトメニューの背景色は変化しない。
マウス操作:
1.セレクトメニューを選択したとき、セレクトメニューの背景色が#7FFF00(緑)になるか確認する。
2.フォーカスを外すと背景色は元に戻るか確認する。
キーボード操作:
1.セレクトメニューにフォーカスをあてたとき及びセレクトメニューを開いたとき、セレクトメニューの背景色が#7FFF00(緑)になるか確認する。
2.フォーカスを外すと背景色は元に戻るか確認する。
どちらの場合もセレクトメニューの背景色は変化しない為。
Internet Explorer 7.0 × セレクトメニューをマウスクリック、もしくはキーボードフォーカスして確認。 セレクトメニューをマウスクリック、もしくはキーボードフォーカスしても、背景色が青くならなかった。
Internet Explorer 8.0 × 1.セレクトメニューをマウスクリックすると背景色が青くハイライトするが、緑にはならない。フォーカスと外すと白に戻る。
2.キーボードフォーカスしても背景色が青くハイライトするが、緑にはならない。フォーカスと外すと白に戻る。
Internet Explorer 9 1:マウス操作:セレクトメニューを選択したとき、セレクトメニューの背景色が#7FFF00(緑)になり、フォーカスを外すと背景色は元に戻ることを確認
2:キーボード操作:セレクトメニューにフォーカスをあてたとき及びセレクトメニューを開いたとき、セレクトメニューの背景色が#7FFF00(緑)になり、フォーカスを外すと背景色は元に戻ることを確認
1:○
2:○
Firefox 3.5 マウス操作:
1.セレクトメニューを選択したとき、セレクトメニューの背景色が#7FFF00(緑)になるか確認する。
2.フォーカスを外すと背景色は元に戻るか確認する。
キーボード操作:
1.セレクトメニューにフォーカスをあてたとき及びセレクトメニューを開いたとき、セレクトメニューの背景色が#7FFF00(緑)になるか確認する。
2.フォーカスを外すと背景色は元に戻るか確認する。
Firefox 4.0 1:マウス操作:セレクトメニューを選択したとき、セレクトメニューの背景色が緑になり、フォーカスを外すと背景色は元に戻ることを確認
2:キーボード操作:セレクトメニューにフォーカスをあてたとき及びセレクトメニューを開いたとき、セレクトメニューの背景色が緑になり、フォーカスを外すと背景色は元に戻ることを確認
Firefox 9.0 1:マウス操作:セレクトメニューを選択したとき、セレクトメニューの背景色が#7FFF00(緑)になり、フォーカスを外すと背景色は元に戻ることを確認
2:キーボード操作:セレクトメニューにフォーカスをあてたとき及びセレクトメニューを開いたとき、セレクトメニューの背景色が#7FFF00(緑)になり、フォーカスを外すと背景色は元に戻ることを確認
1:○
2:○
Safari 3.2 × 1. マウス操作:
セレクトメニューをクリックして開いたとき、セレクトメニューの背景色は変化しなかった。
ただし、項目を選択してセレクトメニューが閉じられると、セレクトメニューの背景色は変化した(フォーカスがあたっている状態)。
2. キーボード操作:
セレクトメニューにフォーカスをあてると、セレクトメニューの背景色は変化した。
しかし、▲キー又は▼キーによってセレクトメニューが開いた状態になると、セレクトメニューの背景色は元に戻った。
そして、項目を選択してセレクトメニューが閉じられると、セレクトメニューの背景色は再び変化した(フォーカスがあたっている状態)。
Safari 5.0.3 × 1. マウス操作:
セレクトメニューをクリックして開いたとき、セレクトメニューの背景色は変化しなかった。
ただし、項目を選択してセレクトメニューが閉じられると、セレクトメニューの背景色は変化した(フォーカスがあたっている状態)。
2. キーボード操作:
セレクトメニューにフォーカスをあてると、セレクトメニューの背景色は変化した。
しかし、▲キー又は▼キーによってセレクトメニューが開いた状態になると、セレクトメニューの背景色は元に戻った。
そして、項目を選択してセレクトメニューが閉じられると、セレクトメニューの背景色は再び変化した(フォーカスがあたっている状態)。
JAWS for Windows 9.0 - テスト不要
ホームページ・リーダー 3.04 - テスト不要
PC-Talker XP 3.06 - テスト不要
PC-Talker XP 3.06 + NetReader 1.18 - テスト不要
FocusTalk V3 - テスト不要
NVDA 2010.1j - テスト不要
NVDA 2011.1 - テスト不要