WCAG 2.0解説書

本文へジャンプ

このページの内容:

-

フォーカスの可視化:
達成基準 2.4.7 を理解する

2.4.7 フォーカスの可視化: キーボード操作が可能なあらゆるユーザインタフェースには、フォーカスインジケータが見える操作モードがある。 (レベル AA)

この達成基準の意図は、キーボード フォーカスを持っている要素を利用者が認識しやすくすることである。

この達成基準の意図は、複数の要素のうち、どの要素がキーボード フォーカスを持っているか利用者が認識しやすくすることである。スクリーン上にキーボード操作可能な要素が1つだけある場合には、視覚的にはキーボード操作可能な要素を1つだけ提示するため、達成基準が満たされることになる。

注記: キーボードのフォーカスインジケータは異なる形態をとることができる点に注意すべきである。一般的な方法の1つとして、テキストフィールドがキーボード フォーカスを持っていることを示すための、テキストフィールド内のキャレット表示がある。別の方法としては、ボタンがキーボード フォーカスを持っていることを示すために、ボタンを視覚的に変化させるといった方法がある。

  • キーボードだけでそのページを操作している利用者が、キーボードで操作しているコンポーネントを視覚的に常時確認できるようになる。

  • 注意力欠如、短期記憶の制約、又は遂行機能における制限のある利用者が、フォーカスがどこにあるのかを見つけることができるようになる。

リソースは、情報提供のみを目的としており、推奨を意味するものではない。

この節にある番号付の項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する達成方法、又は複数の達成方法の組合せを表している。しかしながら、必ずしもこれらの達成方法を用いる必要はない。他の達成方法についての情報は、達成基準を満たすための達成方法を理解するの「その他の達成方法」を参照のこと。

  1. G149: フォーカスを受け取った際に、ユーザエージェントによって強調されるユーザインタフェースコンポーネントを使用する

  2. C15: ユーザインタフェースコンポーネントがフォーカスを受けとったときの表示を変更するために、CSSを使用する (CSS)

  3. G165: 視認性に優れた標準のフォーカスインジケータが引き継がれるように、プラットフォーム標準のフォーカスインジケータを使用する

  4. G195: コンテンツ制作者が提供する視認性に優れたフォーカスインジケータを使用する

  5. SCR31: フォーカスのある要素の背景色又はボーダーを変更するために、スクリプトを使用する (Scripting)

  6. FLASH20: フォーカス表示を視覚的により認識しやすくするために Flash コンポーネントのスキンを切り替える (Flash)

  7. SL2: Changing The Visual Focus Indicator in Silverlight (Silverlight)

  8. SL7: Designing a Focused Visual State for Custom Silverlight Controls (Silverlight)

適合するためには必須ではないが、コンテンツをよりアクセシブルにするためには、次の付加的な達成方法もあわせて検討するとよい。ただし、すべての状況において、すべての達成方法が使用可能、または効果的であるとは限らない。

  • リンクもしくはコントロールのそばにマウスが来たとき強調する（リンク追加予定）

  • キーボードフォーカスを受け取ったときリンクもしくはコントロールが強調され非常に目立つメカニズムを提供する（リンク追加予定）

以下に挙げるものは、WCAG ワーキンググループが達成基準2.4.7に適合していないとみなした、よくある不適合事例である。

このウェブページは、WCAG 2.0 解説書: WCAG 2.0 を理解して実装するためのガイド（この文書の最新版（英語）を参照してください）の一部です。文書全体を単一HTMLファイルにしたものもご利用いただけます。この文書と、ウェブ・コンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0に関連する他の文書との関係については、The WCAG 2.0 Documents (英語)をご覧ください。パブリックコメントを送るには、Instructions for Commenting on WCAG 2.0 Documents（英語）に従ってください。

Copyright © 2016 W3C® (MIT, ERCIM, Keio, Beihang). W3C liability, trademark and document use rules apply.

【注意】 この文書は、W3Cワーキンググループノート「Understanding WCAG 2.0」（原文は英語）の2016年3月17日時点での最新版を、「ウェブアクセシビリティ基盤委員会」が翻訳と修正をおこなって公開しているものです。（財団法人日本規格協会情報技術標準化研究センター「情報アクセシビリティ国際標準化に関する調査研究開発委員会・ウェブアクセシビリティ国際規格調査研究部会」が、「Understanding WCAG 2.0」の重要部分を翻訳して2009年1月に公開した文書が元になっています。）この文書の正式版は、あくまで W3Cのサイト内にある英語版であり、この文書には翻訳上の間違い、あるいは不適切な表現が含まれている可能性がありますのでご注意ください。また、リンク先が英語の場合、あるいはダミーのページである場合もあります。ご了承ください。

【重要】 原文の "Understanding WCAG 2.0"自体、WCAGワーキンググループによって今後も継続的に修正されていくものと思われます。この文書の内容は、あくまでも参考程度にご覧ください。