WCAG 2.0解説書

本文へジャンプ

このページの内容:

-

視覚的に認識可能なフォーカス:
達成基準 2.4.7 を理解する

2.4.7 視覚的に認識可能なフォーカス: キーボード操作が可能なユーザインタフェースには、キーボード・フォーカスの状態が視覚的に認識できる操作モードがある。 (レベルAA)

この達成基準の意図は、キーボード・フォーカスの表示が視覚的に確認できる操作モードが少なくとも一つあるようにすることである。

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

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

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

この節にある番号付の項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する実装方法、又は複数の実装方法の組合せを表している。WCAG 2.0 適合要件のすべてが満たされている場合にのみ、次に挙げる実装方法により、この達成基準を満たすことができる。

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

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

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

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

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

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

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

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

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

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

Copyright © 2010 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply.

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

【重要】 Editor's Draftは、現在W3Cで公開されている2008年12月11日付けの「Understanding WCAG 2.0」が更新されたもので、この版と異なる部分を含んでいる可能性があります。原文の "Understanding WCAG 2.0"自体がまだ未完成であり、この文書の内容は、WCAGワーキンググループによって今後も継続的に修正されていくものと思われます。あくまでも参考程度にご覧ください。