UAAG 2.0 Reference: Explanations, Examples, and Resources for User Agent Accessibility Guidelines 2.0

適用対象：

コンテンツ ユーザー インターフェース、構成設定（オプション）

一般的な実装対象：

ブラウザ、メディア プレーヤー、プラグイン、（例えば、longdesc をレンダリングするなど）アドオン

達成基準 1.1.1 の意図：

障害のあるユーザーは、特定のコンテンツ要素を見つけることで、（例えば、コントラストが高い画像など）物理的な痛み又は（例えば、外傷後ストレス障害を引き起こす画像など）苦痛、その要素のサイズが、（スクロールしたり、視線をずらしたり、ポインターを一定の距離以上動かすことが困難にするため）ページを使いづらくすることがある。このような場合、ユーザーはその要素を隠すか、代替コンテンツ又はプレースホルダーで置き換える必要がある。他のユーザーは、（例えば、ユーザーの視覚に対してコントラストがとても低い画像など）特定の要素を単純に利用できない。このような場合、ユーザーは、（例えば、alt のテキストや longdesc など）制作者が提供する代替コンテンツ又は（例えば、ファイル名など）最小限のプレースホルダーにアクセスできる必要がある。

障害のあるユーザーは、代替言語又は（例えば、解説動画など）音声トラックが必要である。ユーザーは、制作者が多くの代替を提供しているとき、（例えば、自身の言語のキャプション トラックなど）アクセシビリティのニーズを満たす手順を選択する機能が必要である。

注：ユーザーが、（例えば、ブラウザーが HTML 背景画像のクリック又はキーボードによるフォーカスの移動をサポートしていない場合など）コマンドを実行するために要素を直接選定又は選択できない場合、ユーザー エージェントは、この機能の代替ユーザー インターフェイスを提供しなければならない。

達成基準 1.1.1 の例：

• Rodney はロービジョンで、ウェブ ページ上のいくつかの画像を見ることが耐えられないことを知っている。彼は、右クリック又は Tab キーを押してフォーカスを移動し、要素のコンテキスト メニューからコマンドを選択することで、前景画像を非表示にできる。しかしながら、ブラウザーは背景画像の右クリック又はナビゲートを許可しない。したがって、全ての背景画像を非表示にしたり、現在のサイトで背景画像を非表示にするためのユーザー設定を提供する。
• Carly は反復運動過多損傷（Repetitive strain injury）で、音声認識を使用してコンピュータとコミュニケーションは音声認識を使用する。彼女はパラリーガルで、しばしば、頭字語としてレンダリングされる用語について長いドキュメントを検索する必要がある。完全な用語は、発話が容易であり、よく認識されるので、頭字語ではなく検索ボックスには完全な用語を話すほうが彼女にとってはしばしば簡単であり、これにより、誤認識を増加させる頭字語にる煩わしさを軽減し、彼女の語彙を保つことを可能にする。彼女は検索する前に、全ての頭字語と略語を自動的に展開するブラウザの設定を選択する。
• Laura は視力を損なっており、容易に認識するのを助けるために単語の形状を使用する。最初の文字のみを大文字にして書かれた見知った文字列より、一見したところ無作為な大文字の文字列を読むことは彼女にとってより困難なので、彼女は、全ての略語を展開した文字列に置き換えるようにプリファレンス設定を変更する。
• Betty は聴覚処理の問題を抱えている。彼女はいくつかのキャプションとオーディオ トラックのある映画を見ている。彼女は、利用可能なトラックを決定するためにメニューを立ち上げ、彼女が理解できるトラックが見つかるまでオーディオ トラックを切り替える。彼女はまた、キャプション トラックを選択してオーディオを強化する。
• Marka は失明している。彼女は講義のビデオを聞いている。教授は化学実験を実演しており、ビデオの重要な部分の間は話していない。Marka は教授が何を実演しているのか見ることができないので、利用可能なトラックのメニューを表示し、利用可能なオーディオ ディスクリプションのトラックがあることを発見する。Marka は解説トラックを選択し、後ろにスキップして、実験の解説を聞く。
• Gorges は、深刻な難聴を抱えている。彼は、最新の映画を楽しんでおり、人気映画をストリーミングするウェブサービスに加入している。彼は、英語を話すが、映画の中の全てスラングを理解していない。彼は、映画を一時停止し、キャプション トラックのメニューを選択し、スペイン語のキャプション トラックを見つける。彼は、スペイン語のキャプションで映画の残りの部分を見る。

達成基準 1.1.1 に関連するリソース：

• Firefox 拡張機能 「Text Equivalent Expand Abbreviations」

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、メディア プレーヤー、プラグイン、アドオン

達成基準 1.1.2 の意図：

ユーザーは、製作者が、ユーザーにレンダリングするかどうかを決定できる関心を持つかもしれない代替のウェブ コンテンツを提供したとき、容易に発見できるようにさせる必要がある。（達成基準 1.1.1 を見よ）。インジケーターのタイプは規定されてないが、達成基準は、代替のあるレンダリングされたコンテンツと伴に、インジケーターを配置することを要求する。これは、ドキュメント内のどのコンテンツに代替があるのかを明確に識別しないステータス バーなどのインジケーターを除外する。適切なインジケーターは、アウトライン、隣接アイコン及び隣接リンクを包含する。ユーザー エージェントの他の機能と同様に、（例えば、キーボード アクセス可能、代替テキスト、ズーム可能など）インジケーター自体はアクセス可能でなければならない。

達成基準 1.1.2 の例：

• Chris は色覚障害である。彼は、スクリーン リーダーやその他の支援技術を使用していないが、制作者が、（例えば、ラベル行に）意味を伝えるために色だけを使った図を解釈することが困難な場合がある。したがって、Chris は、制作者が提供する場合、長い説明を読むことを好む。長い説明が利用な場合、自分自身に知らせるために、Chris は、長い説明のある任意の画像に隣接する「説明」リンクをブラウザーに設定する。Chris は、新しいブラウザー ペインで長い説明を開くリンクをクリックする。
• Aosa は失明している。合成音声を使用してウェブ ページをレンダリングするとき、ユーザー エージェントは、読み上げている単語が頭字語であることを示すために可聴音を生成し、Aosa は展開して聞くために * キーを押すことができる。読んでいるフレーズが、画像の alt テキストであるとき、他のトーンは、Aosa が長い説明を聞くために + を押すことができることを示している。
• Brin はデフである。彼女が使用しているビデオ プレーヤーは、キャプションが利用できることを示すために、再生中のビデオの下にボタンを表示する。彼女はビデオを理解できるよう、キャプションを切り替えるためにボタンをクリックする。彼女の携帯電話では、Brin はビデオにタッチし、「display caption」コントロールを包含するコントロールを表示する。

達成基準 1.1.2 に関連するリソース：

• "HTML5 Image Description Extension (longdesc)" (http://www.w3.org/TR/html-longdesc/#longdesc)
• "User Agents and longdesc Discoverability" (http://www.d.umn.edu/~lcarlson/research/ld-ua.html)

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、メディア プレーヤー

達成基準 1.1.3 の意図：

ユーザーは、様々な理由で画像を非表示することを望むかもしれない。認知症画のある一部のユーザーは、ひどく気を散らされるものを避けるために、画像の非表示を望むかもしれない。視覚障害のある人は、（コントラストの高いものなど）痛みを伴うものを避けるために、画像を隠すことを望むかもしれない。他のユーザーは、画像から視覚的な差異の識別、理解または他の利益を得ることいができないので、画像を代替コンテンツに置き換えることを望むかもしれない。動作や器用さに障害のある一部のユーザーは、スクロールの量を減らすために画像を代替コンテンツに置き換えることを望むかもしれないし、注意欠陥障害のある一部のユーザーは、可能な限りスクリーン上に多くの情報を保持するために、同じことを望むかもしれない。

達成基準 1.1.3 の例：

• Tyler は、学習障害があり、画像はとても気を散らす。彼は、画像の代わりに代替テキストを常に表示するようにブラウザーの設定を行う。
• Ben はロービジョンであり、テキストを読むには非常に大きなフォントを使用する必要がある。彼の携帯端末では、ページを拡大すると画像が大きくなりすぎて、画面のスペースを使いすぎ、必要以上のスクロールを必要とする。彼は、（可能な場合）全ての画像をテキストとしてレンダリングし、失った画像のスペースに、テキストがスムーズにを流すことができるようにページをリフローするの設定を行う。
• Lee は、テキストがぼやけるロービジョンである。彼女は、彼女が読んでいるウィンドウの下にあるささいな「にじみ」を表示する透明効果が、読み難いテキストを作っていることを発見した。彼女は、制作者がウェブ ページ又はアプリケーションに書き込んだであろう全ての背景画像と透明効果を非表示にする設定を行う。
• James は、テキストに関係のない気を散らすものからクリアーとなったテキストを必要とする失読症である。彼は、背景画像を読み込まないようにユーザー エージェントの設定をする。彼がウェブ ページをナビゲートするとき、James は、読む場合に画像が干渉することなく、ウェブ ページからテキストのみ得る。
• Sasha は、文字の形状を区別できるように高いコントラストが必要である。彼女は、常に背景画像をオフにするブラウザーの設定を行い、背景の変化なしにテキストはクリアーに見ることができる。
• Matilda は、高いコントラストの色に痛みを感じており、低いコントラストの文字色と背景色を求めている。彼女は、オペレーティング システムのデフォルトの文字色と背景色を設定し、ブラウザーは、ウェブ ページの文字色と背景色にデフォルトの設定を引き取り、使用する。
• Betty は、ロー ビジョンのユーザーで、テキストが背景画像上に表示されているとき、モバイル デバイスのテキストを読むのが困難である。ユーザー定義のスタイル シートを使用して、彼女は、ブラウザがレンダリングした全ての背景画像を無効にできる。

達成基準 1.1.3 に関連するリソース：

• 1.4.1 Configure Rendered Text for more information related to background colors.
• 1.1.5 Configure Alternative Defaults allows the user to hide foreground images by replacing them with alternative content, but 2.10.1 extends this to background images in languages such as HTML that do not support alternative content for background images.
• CSS 2.1: section 14.2.1 The Background In CSS, background images can be turned on/off with the background and background-image properties.
• CSS 2.1: section 9.9.1 Specifying the stack level: the 'z-index' property

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

メディア プレーヤー、ウェブベースのメディア プレーヤー

達成基準 1.1.4 の意図：

ビデオやオーディオの代替メディア トラックを必要とするか、又は利益を得ることができるユーザーは、それらのトラックのデフォルトや制作者による位置とサイズが使用可能であると気が付かないかもしれない。ユーザーが、（例えばキャプションなど）表示された代替メディア トラックを移動及びスケーリングすることを可能にすることで、表示されたコンテンツを、ユーザーのニーズを満たすように配置とサイズ設定することが可能になる。

達成基準 1.1.4 の例：

• Justin はロー ビジョンで、教育用のビデオを聞くのが難しい、騒がしい環境で働いている。視聴可能なサイズにキャプションのテキストを拡大すると、ビデオ画像のほとんどが遮られる。この解決のために、彼は、キャプションがビデオ画像を遮らないように、ビデオ画像の下に位置する別ウィンドウにキャプション トラックを表示するオプションを選択する。
• Jaime はデフであり、オンライン大学のコースを受講している。彼女は、ASL がオンライン メディアで利用可能な場合、ASL を好む。彼女が受講しているコースは、録画された講義にキャプション及び手話のアバターを提供している。アバター ウィンドウのデフォルト サイズは小さく、手話を理解するのが困難である。アバターはまた、講義ビデオの重要な部分にオーバーレイする。Jaime は、ビデオからアバターをドラッグし、それを拡大して、同じ大きさにしている。（訳者注：ASL = American Sign Language）
• Jaime はデフであり、常に携帯電話でキャプションを表示することを好む。彼女は、クローズド キャプションをオンにする電話のグローバル設定を行っている。電話に表示される全てのビデオは、自動的にキャプションを表示する。

達成基準 1.1.4 に関連するリソース：

• 1.1.6 Use Configurable Text for Time-based Media Captions

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、メディア プレーヤー、プラグイン、アドオン

達成基準 1.1.5 の意図：

ユーザー エージェントがそれを必要とするユーザーにレンダリングしない場合、代替コンテンツは無駄になる。デフォルトの代替コンテンツを、新しいページを訪れる毎にレンダリングのオプションを変更するのは、ユーザーにとって理不尽な負担となるので、グルーバル設定である。

達成基準 1.1.5 の例：

• Sally はロービジョンである。ブラウザーの環境設定ダイアログボックスで、Sally は、画像の代わりに代替テキストを表示するよう指定し、ドキュメントのリフローは、断ち切られるのではなく代替テキスト全体を表示できるようにする。
• Ben はロービジョンである。ブラウザーの環境設定ダイアログボックスで、彼は、ビデオの代わりにトランスクリプトなど、埋め込みオブジェクトの代替（「フォールバック」）コンテンツの表示を常に選択する。
• Ben はロービジョンで、携帯電話のブラウザを「ズーム」し、テキストを読むことができる状態にしている。画像は拡大したときブロックノイズを発生するので、代替テキストを好んでいる。携帯の設定ダイアログボックスで、彼は、代替（「フォールバック」）コンテンツを常に表示し、画像のプレースホルダーなしにページをリフローにすることを選択する。これはスクリーンのスペースを節約し、スクロールの量を減少させる。
• Brin はデフである。彼女は、ビデオとオーディオ コンテンツの全てのキャプションの表示をオンにするメニュー項目を切り替える。

達成基準 1.1.5 に関連するリソース：

• Success criterion 1.1.5 adds additional required options to success criterion 1.1.3 Replace Non-Text Content.

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

メディア プレーヤー、ウェブベースのメディア プレーヤー

達成基準 1.1.6 の意図：

ビデオ又はオーディオの代替メディア トラックを必要とするか利益を受けるユーザーは、その構成が原因で、代替メディア トラック内に表示される認識されたテキストを利用できないと気づくかもしれない。ユーザーが（例えば、キャプションのフォントや色の変更するなど）代替メディア トラックを構成できるように許可することで、ユーザーのニーズを満たすようにある程度はコンテンツを表示できる。

達成基準 1.1.6 の例：

• Ben は、疲労するにつれ、一日を通して悪化するロービジョンである。彼は、フォントサイズを変更することができるように構成への一回のタッチでアクセスすることを可能にする携帯電話上のフローティング コントロールを保持している。フローティング コントロールは、スクリーン上で簡単に移動でき、他のコントールとは異なり、数秒待機した後で半透明になる。

達成基準 1.1.6 に関連するリソース：

• 1.4.1 Configure Rendered Text

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

メディア プレーヤー、ウェブベースのメディア プレーヤー

達成基準 1.1.7 の意図：

ユーザーは、それらの間のスキャニングを減少させるために、メイン メディアの一部の最も重要なすぐ近くに代替を再配置できる。例えば、ビデオの上部にオンスクリーンのテキストが頻繁に包含される場合、キャプションはビデオの上にあると読みやすくなるだろう。

達成基準 1.1.7 の例：

• Maximilian は難聴で、キャプションの使用を好む。彼は、見ているものに応じてキャプションの位置を調整する。上部に統計情報を表示するダッシュボードでスポーツ イベントを観る時、彼は、キャプションが統計情報に近いので、上部のすぐ上にキャプションを配置する。しかしながら、映画を観るとき、彼は、下部の近くにビデオのフレームが重なるようにキャプションを配置する。彼は、下部に沿っているストック チッカーで金融ニュースを見るとき、彼はチッカーのすぐ下にキャプションを移動する。
• Raymond は機能的な手（functioning hand）をしている。彼は、タブレットを保持するために使用している手が覆わないように、キャプションを配置する。
• Tom はデフである。Tom が広いアスペクトのスクリーン又はモバイル デバイスのランドスケープ モードで狭いアスペクトのビデオを見るとき、彼は、脇に手話の解説を表示するウィンドウを移動するので、解説が邪魔になることなくプライマリ ビデオがスクリーンの高さ全体を占めることができる。

達成基準 1.1.7 に関連するリソース：

• None

適用対象：

プラットフォーム アクセシビリティ サービスとの通信

一般的な実装対象：

ブラウザー、プラグイン

達成基準 1.2.1 の意図：

代替コンテンツが見つからないとき、ファイル名などのメタデータにアクセスすることはユーザーに役立つが、それは見つからない代替テキストの修復テキストの代用ではない。メタデータは、元のドキュメントに対して適切に作成されたコンテンツほど有益ではないため、ユーザー エージェントは、修復を試みる支援技術に干渉するべきではない。支援技術は、ユーザー エージェントが提供できる修復したテキストのいずれの部分よりも有益な情報をユーザーに提供できる。したがって、支援技術が、修復の必要な非テキスト コンテンツに関するできるだけ多くの情報にアクセスでき、著者が提供する代替テキストが利用できないことを知らせることもまた重要である。ユーザー エージェントは、修復の必要な非テキスト コンテンツに利用可能なメタデータを支援技術に提供するが、支援技術が著者提供の代替テキストを間違えるような方法で修復したテキストを代用するべきではない。

これは、（例えば）画像のメタデータが、現在のページで使用されている方法と一致しないときの問題を回避するためである。これにより、スクリーン リーダーは、ここでの画像の使用を知っているページの作成者が提供するメタデータと、ずっと以前のソースからタグ付けしたメタデータを区別できる。例えば、John は、「選択済み」のチェック マークの画像を使用するウェブ ページを作成している。彼は、埋め込まれた IPTC の TITLE 属性が「あなたは勝者です！」と述べることに気が付かず、他のサイトから PNG ファイルを取得する。John は、画像に代替テキストを設定することにしているが、彼が忘れた場合、「画像、あなたは勝者です!」と述べる不適切なメタデータの代用を使用するユーザー エージェントよりも、スクリーン リーダーが「画像、不明」と述べるがよい。

達成基準 1.2.1 の例：

• Ray は全盲であり、画像の代替テキストが重要である。スクリーン リーダーがウェブ ページを読み込んで画像を検出したとき、それは代替テキストをユーザー エージェントに要求する。ユーザー エージェントが代替テキストを利用できないと報告した場合、スクリーン リーダーは、画像、元のファイル名及びダウンロードした画像ファイルのパスに関連する title 属性を取得するために DOM へアクセスする。支援技術のスクリーン リーダー ソフトウェアは、代替テキストのない画像が存在することを Ray に伝えることができ、最もふさわしいと見なすか Ray が好みで選択した値を彼に提供し、画像の性質又は目的に関する彼自身の判断ができる他の値を彼に聞かせるコマンドを提供する。

達成基準 1.2.1 に関連するリソース：

• なし

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、ブラウザー、プラグイン、アドオン

達成基準 1.3.1 の意図：

ユーザーは、インタラクトできるウェブ コンテンツを容易に発見できる必要がある。これを行うある効果的な方法は、有効な要素と（最近訪問したリンクを包含する）リンクをハイライトすることである。ハイライトされたセクションとコンテンツのフォーカスによって、キーボード、ジェスチャー及び音声入力を使用する人々は、それらが動作している場所を知ることができる。一部のページでは、大量の他のコンテンツの中でコントロールを識別することが困難であるか、コントロールを他のコンテンツと区別するためにスタイルを設定するのが困難である。これは、視覚障害のある人にとっては特に困難で、微妙な視覚的な違いを区別することはできないだろう。一部の認知傷害のある人は、類似又は非標準的な外見をした項目を区別が困難である。これらの項目を視覚的に区別することで、これらのグループがページを調べるために必要な時間又はコマンドの数を減らすことができる。

• 注 1：これらの必要なカテゴリーに加えて、ユーザー エージェントはまた、アクティブなウィンドウ内で前後関係又は類似している時でも、ユーザーがアクティブなビューポートをハイライトできることを推奨する。これにより、ユーザーはアクティブなフォーカスの視覚的に見つけやすくなる。
• 注 2：プラットフォームの規則では、非アクティブなビューポート内のキーボード フォーカスが非アクティブなカーソルによって視覚的に示されるかどうかが決まる。
• 注 3：訪問済みリンクと未訪問リンクの定義は、ユーザー エージェントに任される。訪問済みリンクは、現在のセッション中又はブラウザーの履歴にリンクできる。

達成基準 1.3.1 の例：

• Jerry はロービジョンである。彼は、訪問済みリンクの色を上書きするカスケーディング スタイル シート（CSS）を使用するウェブサイトに行く。彼は、どのリンクが未調査なのかを知りたい。ユーザー エージェントは、制作者が選択したリンク色の上書きを設定するダイアログ ボックスを提供する。Jerry は、これらを上書きするためにダイアログ ボックスを使用し、訪問済みリンクを表示する。
• Jerry はロービジョンである。彼は、コンテンツ フォーカスの輪線を削除するスタイルのあるウェブサイトに行く。ユーザー エージェントは、著者によるフォーカスの輪線の宣言を上書きを設定するダイアログ ボックスを提供する。Jerry は、コンテンツ フォーカスの輪線を表示させるダイアログ ボックスを使用し、フォーカスがページ上のどこに在るのかを知ることができる。
• Binh は、ページ上のボタンやリンクを見つけることができないとき、簡単に挫折する。これは、彼が使用している標準的な表現でないボタンやリンクのときに起きる。ユーザー エージェントは、制作者が選択したリンクの色の上書きを設定するダイアログ ボックスを提供する。Binh は、全てのリンクを明るい紫にするオプションをオンに、ボタンを明るい紫に描画して、彼はページを容易にスキャンでき、彼が探している項目を発見できる。
• George は、手の使用に制限があり、携帯電話は特別なジェスチャーを使用する。彼は、ページ上のどの要素にフォーカスがあるのかを知るために、目に見えるフォーカス インジケータを望んでおり、ジェスチャで携帯電話を使用するとき、彼は、どの要素がアクティブになるのかを知る。
• Aosa は全盲である。合成音声を使用してウェブ ページをレンダリングするとき、ユーザー エージェントは、読んでいる単語が頭字語であり、Aosa が、展開して聞くために * キーを押すことができることを知らせる可聴音を生成する。読んでいるフレーズが、画像の代替テキストであるとき、他の音は、Aosa が、長い解説を聞くために + キーを押すことができることを示す。
• Brin はデフである。彼女が使用しているビデオ プレーヤーは、再生しているビデオの真下に、キャプションが利用可能であることを示すボタンを表示する。彼女は、ビデオを理解できるようにキャプションをオンにするためボタンをクリックする。彼女の携帯電話では、Brin は、ビデオをタッチし、「ディスプレイ キャプション」コントロールが包含されているコントロールを表示する。

達成基準 1.3.1 に関連するリソース：

• 1.3.2 Highlighting Options describes user options to configuring how these categories are highlighted
• 2.1.2 Keyboard Focus requires every window have an active or inactive keyboard focus at all times
• 1.8.1 Highlight Viewport provides guidance for highlighting viewports
• 1.8.2 Move Viewport to Selection and Focus provides guidance for highlighting an active window

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、ブラウザー

達成基準 1.3.2 の意図：

ロービジョンのユーザーと一部の認知障害のあるユーザーは、彼らの個々のニーズを満たす視覚的特性のコントロールを必要とする。これらは、前景色、背景色及び（操作環境における従来の選択ユーティリティと同じ設定可能な範囲を持つ）視覚的な罫線を包含する。

達成基準 1.3.2 の例：

• Alex はロービジョンである。彼は、ウェブ フォーム上のフィールドを区別するのが困難な場合がある。ユーザー エージェントは、ユーザーが任意の制作者の設定を上書きできるダイアログ ボックスを提供する。彼は、全てのフォームのフィールドを、黄色の背景で表示し、太い黒色の罫線で輪郭を描く選択をする。
• Marcy は、達成したいタスクに集中し続けるのが困難な認知障害である。ユーザー エージェントは、ユーザーが任意の制作者設定を上書きすることができるダイアログ ボックスを提供する。彼女は、全てのフォームのフィールドを、黄色の背景で表示し、太い黒色の罫線で輪郭を描く選択をする。

達成基準 1.3.2 に関連するリソース：

• CSS 2 specification – box border styles

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、ブラウザー、プラグイン、アドオン

達成基準 1.3.3 の意図：

ロービジョンのユーザーと一部の認知障害のあるユーザーは、彼らの個々のニーズを満たす視覚的特性のコントロールを必要とする。これらは、前景色、背景色及び（操作環境における従来の選択ユーティリティと同じ設定可能な範囲を持つ）視覚的な罫線を包含する。

達成基準 1.3.3 の例：

• Alex はロービジョンである。彼は、ウェブ フォーム上のフィールドを区別するのが困難な場合がある。ユーザー エージェントは、ユーザーが任意の制作者の設定を上書きできるダイアログ ボックスを提供する。彼は、全てのフォームのフィールドを、黄色の背景で表示し、太い黒色の罫線で輪郭を描く選択をする。
• Marcy は、達成したいタスクに集中し続けるのが困難な認知障害である。ユーザー エージェントは、ユーザーが任意の制作者設定を上書きすることができるダイアログ ボックスを提供する。彼女は、全てのフォームのフィールドを、黄色の背景で表示し、太い黒色の罫線で輪郭を描く選択をする。

達成基準 1.3.3 に関連するリソース：

• CSS 2 specification – box border styles

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、アドオン

達成基準 1.3.4 の意図：

ロービジョンのユーザーと一部の認知障害のあるユーザーは、彼らの個々のニーズを満たす視覚的特性のコントロールを必要とする。これらは、前景色、背景色及び（操作環境における従来の選択ユーティリティと同じ設定可能な範囲を持つ）視覚的な罫線を包含する。

達成基準 1.3.4 の例：

• Alex はロービジョンである。彼は、ウェブ フォーム上のフィールドを区別するのが困難な場合がある。ユーザー エージェントは、ユーザーが任意の制作者の設定を上書きできるダイアログ ボックスを提供する。彼は、全てのフォームのフィールドを、黄色の背景で表示し、太い黒色の罫線で輪郭を描く選択をする。
• Marcy は、達成したいタスクに集中し続けるのが困難な認知障害である。ユーザー エージェントは、ユーザーが任意の制作者設定を上書きすることができるダイアログ ボックスを提供する。彼女は、全てのフォームのフィールドを、黄色の背景で表示し、太い黒色の罫線で輪郭を描く選択をする。

達成基準 1.3.4 に関連するリソース：

• CSS 2 specification – box border styles

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、アドオン

達成基準 1.3.5 の意図：

ロービジョンのユーザーと一部の認知障害のあるユーザーは、彼らの個々のニーズを満たす視覚的特性のコントロールを必要とする。これらは、前景色、背景色及び（操作環境における従来の選択ユーティリティと同じ設定可能な範囲を持つ）視覚的な罫線を包含する。

達成基準 1.3.5 の例：

• Alex はロービジョンである。彼は、ウェブ フォーム上のフィールドを区別するのが困難な場合がある。ユーザー エージェントは、ユーザーが任意の制作者の設定を上書きできるダイアログ ボックスを提供する。彼は、全てのフォームのフィールドを、黄色の背景で表示し、太い黒色の罫線で輪郭を描く選択をする。
• Marcy は、達成したいタスクに集中し続けるのが困難な認知障害である。ユーザー エージェントは、ユーザーが任意の制作者設定を上書きすることができるダイアログ ボックスを提供する。彼女は、全てのフォームのフィールドを、黄色の背景で表示し、太い黒色の罫線で輪郭を描く選択をする。

達成基準 1.3.5 に関連するリソース：

• 1.4.1 Basic text formatting (Globally)

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、ブラウザー、アドオン、ウェブベースのリーダー

達成基準 1.4.1 の意図：

障害のあるタイプのユーザーは、制作者がフォーマットしたテキストを読むのが困難である。例えば、一部のロービジョン、ディスレクシア及び関連する状態と状況にあるユーザーは、制作者によってフォーマットされたテキストを読むことができない。しかしながら、彼らは、（例えば、大文字、別のフォント、大きな間隔など）個々のニーズにカスタマイズしたフォーマットのテキストを読むことができる。一部の認知障害のあるユーザーと、ドキュメントをスクロールするために入力するコマンドの数を減らす必要があるユーザーは、（例えば、より小さな文字又は間隔など）画面上により多くの情報を合わせることを必要とするだろう。ユーザーは、必要に応じて最適な組み合わせを見つけるために、幅広いフォント サイズ、スタイル、色及び他の属性のアクセスを必要とする。プリファレンスを提供するにあたり、思い込みを避けることが重要である。例えば、一部のユーザーは、テキストを判別しやすくするためにフォント サイズを大きくし、他のユーザーは、コンテンツをスクロールする必要を減らすためにフォント サイズを小さくすることができる。

テキストの相対的なサイズは、ウェブ コンテンツの理解とナビゲートに役立つ視覚的なキューを提供する。一部のコンテンツは、例えば本文テキストより大きなフォントでない見出しなど、フォントの区別が隠されているとき、理解するのが困難又は不可能な方法で作成することができる。テキストサイズの拡大又は縮小を必要とするユーザーは、これらの視覚的なキューを保持できるのは重要である。

少なくとも、1、1.25、1.5 及び 2.0 の行間オプションを提供することを推奨する。

達成基準 1.4.1 の例：

• Lee は色素欠乏症のロービジョンで、背景が白のとき、読むことが困難で目に痛みを覚える。彼女は、黒の背景に白のテキストへとオペレーティング システムの色を変更する。しかしながら、多くのウェブ ページは独自の色が指定されているので、どのようにページが作成されているかにかかわらず、常にシステム色（又は彼女が選択した他の色のセット）を使うように、彼女はブラウザーのユーザー設定で調節する。
• Betty Sue は眼振のロービジョンで、小さなフォントを見続けるのが困難である。ラップトップのブラウザーは、5つのフォント サイズを提供する。しかしながら、最大のものは十分な大きさではない。ブラウザーの設定は、カスタマイズされたフォントの範囲で5つのフォント サイズを上書きするオプションを提供し、Betty Sue は、彼女に必要な特定のフォント サイズを選択できる。
• Mike は読書障害である。ウェブサイトは、見出しにファンシーなスクリプトのフォントを使用しているため、彼が理解できない。彼は、読むことができるプレーンなフォントを選択するためにブラウザーのフォント設定を使用する。
• Ben はロービジョンである。モバイルの設定ダイアログ ボックスでは、フォント サイズに大きなテキストを選択する。モバイル フォンの全てのアプリケーションは、大きなフォントでテキストを表示する。
• Sebeeya はロービジョンである。彼女は、16 ポイントのパラティーノが読みやすいテキストなのを発見し、ブラウザーが、16 ポイントのパラティーノ フォントで本文を表示するように選択する。彼女は、見出しが目立ち続けるために、見出しを（例えば 24 ポイントなど）比例的に大きくする必要がある。

達成基準 1.4.1 に関連するリソース：

• Guideline 1.7 Enable Configuration of User Stylesheets
• Success Criteria 1.8.5 Allow Zoom
• Success Criteria 1.8.13 Multi-Column Text Reflow
• Success Criteria 1.8.8 Allow Viewport Resize

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、アドオン、ウェブベース リーダー

達成基準 1.4.2 の意図：

ロービジョン、ディスレクシア及び関係する健康状態と状況の一部のユーザーは、一般的なフォーマットのテキストを読むことができない。しかしながら、彼らは、（例えば、大文字、別のフォント、大きな間隔など）個々のニーズにカスタマイズしたフォーマットのテキストを読むことができる。ユーザーは、必要に応じて最適な組み合わせを見つけるために、幅広いフォント サイズ、スタイル、色及び他の属性のアクセスを必要とする。プリファレンスを提供するにあたり、思い込みを避けることが重要である。例えば、一部のユーザーは、テキストを判別しやすくするためにフォント サイズを大きくし、他のユーザーは、コンテンツをスクロールする必要を減らすためにフォント サイズを小さくすることができる。

大きなスクリーン拡大を必要とするユーザーは、要素のタイプの外観をコントロールを必要とする。例えば、300% の拡大は、ディスプレイより大きな見出しになってしまう。ユーザーは、ウェブ コンテンツを読むことができるように、（例えば、見出し 1、見出し 2、表見出しなど）要素タイプの特性を設定できる必要がある。テキストサイズの違いがスクロール及び疲労を大幅に増加させる拡大を行うユーザーは、（表見出しを含む）見出しとグローバル設定から独立した入力フィールドなどの重要な要素を表示できる必要がある。

ロービジョンの多くのユーザーは、イタリック及び下線を読むのが困難であり、これらのスタイルをグローバルに除去できる必要がある。これは、ユーザー スタイルシートで実現できるが、ブラウザーがユーザー スタイルシートをサポートしていない場合、ブラウザーは、設定を通してこの機能を提供する必要がある。文字があまりにも隣接している場合、太文字は「にじみ」でしまい、一部の文字の読みやすさは低下する。

利用可能な場合、ユーザー スタイルシートは使用できる。ユーザーは、要素タイプの特性をコントロールできので、例えば、同じレベルの見出しは、似たような外観を持つだろう。

達成基準 1.4.2 の例：

• Tomas はロービジョンであり、スクリーン拡大鏡を使用する。彼は、全てのテキストを同じサイズに表示するブラウザを選択し、画面に対して文字が大きくなりすぎないように、同じくらいのサイズに設定する。Tomas は、見出しを通常のテキストよりも比例的大きくしないのを選択するのは、それが画面よりも大きくなり、読めないためである。彼は、異なる見出しレベルが異なる色になるようにユーザー スタイルシートを設定する。彼は、表見出しを太文字にし、サイズを大幅に増大させることなく表のテキストを目立たせる。
• Adele は、84 歳で、黄斑変性があり、細かな運動の問題を経験している。彼女は、メールを読んだり、ソーシャル メディア上の孫をフォローするためにモバイルのタブレットを愛用している。彼女は、エントリー フォームのテキスト エリアを選択するのが困難である。彼女の孫娘は、テキストを大きくし、タップできる範囲を広げることができるように、入力フィールドのフォント サイズ設定を立ち上げるのを助け、テキストを入力しやすくする。
• Wade は、ロービジョンで、大きなテキスト、特別な行間、標準フォントに変換したイタリック及び読む為に背景色を弱める必要がある。ウェブ ページを読みやすくするために、Wade は、見出しの表示方法を変更するためにユーザー スタイルシートを使用する。彼は、見出しを本文よりも少し小さくし、Arial と赤色にフォントを変更し、見出しの前後に空白を追加し、見出しの上に枠線を追加する。これによって、見出しが大きくなりすぎず、ナビゲーション リンクが行間で壊れず、テキストの読みやすい量が一度に表示されるのを確保し、Wade は余分なスクロールを必要としない。見出し要素を本文と異なる外観に変更することにより、Wade は大きくすることなく見出しを簡単に区別できる。

達成基準 1.4.2 に関連するリソース：

• Guideline 1.3 Provide highlighting for selection, keyboard focus, enabled elements, visited links
• Guideline 1.7 Enable Configuration of User Stylesheets
• Success Criteria 1.8.5 Allow Zoom
• Success Criteria 1.8.13 Multi-Column Text Reflow
• Success Criteria 1.8.8 Allow Viewport Resize

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、リーダー

達成基準 1.4.5 の意図：

一部の人々は、例えば、フォント、サイズ、テキスト及び背景色又は間隔など、テキストが特定の属性のセットを使用して表示されているとき、読むのが容易だと感じている。（例えば、大活字など）いくつかの要件は最も一般的であるものの、最適な組み合わせは、個人個人で異なるだろう。一般的にこれらの設定は、ユーザー インターフェースとレンダリングされたコンテンツの両方に適用されることが望まれている。多くのプラットフォームで、ユーザーは、ニーズを満たすためにプラットフォームのプリファレンス設定を調整でき、そしてこれらの設定は、例えばユーザー エージェントなどのアプリケーションで利用できる。各アプリケーションは、ユーザーに全てのアプリケーションで構成処理を繰り返させるのではなく、それらの設定に従う単一のユーザー オプションを提供できる。同様に、彼らのニーズが変わった場合、又は彼らにとってより効率的な設定を発見した場合、彼らは何度も繰り返すのではなく、一箇所でその変更を行うことができる。これらは、ユーザーが全てのアプリケーションに渡ってを一貫したプレゼンテーションを維持するのも容易にする。ユーザーがそれらの設定を信頼する場合、彼らは、（他の達成基準 Guideline 1.4 によって）著者が指定したテキスト属性の上書きをユーザー エージェントに指示できる。

達成基準 1.4.5 の例：

• Lee は色素欠乏症のロー ビジョンで、背景色が白いとき、読むことが困難で、眼が痛む。彼女は、黒色の背景に白いテキストとなるオペレーティング システムの色を変更する。しかしながら、多くのウェブ ページは、独自の色が指定されているので、彼女は、ページの作成方法に関わらず、常にシステム カラーを使用するようにブラウザのユーザー設定で調整する。
• Erin はディスレクシアで、低い輝度及びテキストと背景間の色の差が相対的に小さいサンセリフのテキストを読むのが最も容易だと感じている。彼女は、うまく機能するようにオペレーティング システムの設定パネルでフォントと色を変更する。それらの設定は、自動的にブラウザーのユーザー インターフェースに反映される。しかしながら、多くのウェブ ページは、独自の色が指定されているので、彼女は、ページの作成方法に関わらず、常にシステム フォントとカラーを使用するようにブラウザのユーザー設定で調整する。
• Sebeeya は、ロー ビジョンである。彼女は、16 ポイントの Palatino が読みやすいテキストだと感じており、メニューや他のコントロールを使用するためにオペレーティング システムを調整した。彼女は、ブラウザーが自動的に、同様のスタイルをしたメニューやコントロールを表示するためのこれらの設定を配慮することを理解している。

達成基準 1.4.5 に関連するリソース：

• Guideline 1.4 Provide text configuration discusses additional success criteria about options for text presentation.
• Guideline 2.6 Preference settings discusses additional success criteria about configuring preference settings.

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、アドオン、ウェブベース リーダー

達成基準 1.4.6 の意図：

リーダビリティを向上する拡張機能は、大文字化と自動ハイフネーションの上書きを包含する。一部のユーザーは、全て大文字の単語は読むのが困難になることがあるので、大文字化をオフにすることを必要とする。これは、全て大文字で入力されたテキストを適切に大文字と小文字に区別するヒューリスティックを提供するため要件と解釈するべきではない。この意図は、全ての大文字がスタイルでコントロールされている場合、ユーザーは、スタイルで上書きできることである。

ロー ビジョンの一部のユーザーは、読みにくくなるため、テキストに近すぎて滲んだように見えるボーダーを取り除くことを好む。

達成基準 1.4.6 の例：

• Lori は、ロー ビジョンである。彼女は、レストランを見つけるために携帯電話を使用している。レストランの検索一覧は、彼女が読みにくいと感じる全て大文字でレストラン名が掲載された。Lori は、設定ボタンをタッチし、文頭を選択する。レストラン名はもともと大文字と小文字が混在していたため、

達成基準 1.4.6 に関連するリソース：

• 1.4.2 Text Size, Color and Font (by Element)
• 1.4.3 Text Spacing and Style (Globally)
• 1.3.1 Highlighted Items and 1.3.2 Highlighting Options for borders on input fields.
• CSS 2.1 16.5 Capitalization
• CSS 3 5.3 Breaking Rules for Letters (as of this publication, CSS 3 is not a completed W3C Recommendation and could change)
• CSS 2.1 10.8.1 Leading and half-leading
• CSS 2.1 16.5 Capitalization

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、メディア プレーヤー、ウェブベース プレーヤー

達成基準 1.5.1 の意図：

ユーザー エージェントは、様々なソースからオーディオ トラックをレンダリングすることができ、場合によっては、複数のオーディオ トラックを単一のページに表示できる。ユーザーは、再生されている各オーディオ トラックの音量を調整するのではなく、オーディオ トラックの音量を全体的に設定可能にするべきである。

達成基準 1.5.1 の例：

• Magdalene は、大きなノイズに非常に過敏である。彼女は、ユーザー エージェントを包含する環境内でレンダリングされる全てのオーディオ トラックに適用するためコンピュータのオペレーティング システムの主音量のコントロールを調整するためにプリファレンス設定を使用する。この音量コントロールの設定は、ブラウザーを終了したりコンピューターをオフにした後も維持する。
• Alisha は、予期しない音によって注意散漫になりやすい。彼女は、2つの広告及びページをロードしたとき再生を開始する動画のあるウェブ ページに遭遇する。彼女は、全体のミュート コマンドを呼び出すキーボードのミュート キーをクリックすることで、オーディオ トラックの再生をすぐに消音する。

達成基準 1.5.1 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、self-voicing browser、アドオン

達成基準 1.6.1 と 1.6.2 の意図：

これらの達成基準は、ユーザーが、オーディオ情報の知覚と理解ができるように、音声の特性をコントロールできるようにする。

例えば、ユーザーは、ユーザーの知覚範囲内のレベルまでボリュームを増やす必要があるかもしれない。あるいは、ユーザーは、ユーザー エージェントのデフォルト 設定よりも早いレートで理解できるので、同期テキスト表現のレートを増やしたいかもしれない。

達成基準 1.6.1 は、ユーザーが最も一般的に調節する必要があり、多くのテクノロジーで調整可能な特性をカバーする。達成基準 1.6.2 は、あまり低く修正されず、サポートされていない特性をカバーする。

達成基準 1.6.1 と 1.6.2 の例：

• Jamie は全盲である。彼は、ウェブ ページを読むために、モバイルベースのウェブ ブラウザーを使用する。彼は、情報を復唱するためにレートを増加させるキーを押す。彼はまた、例えば混雑した地下鉄など、騒々しい環境でモバイル ブラウザーを使用する。キーを押して、Jamie は、急いでボリュームを上げる。
• Randy は、低ピッチのスピーチを聞くのが困難な聴覚障害である。彼は、自分に対してウェブ ページを読み上げるオーディオ ブラウザーを使用する。彼は、「ピッチ上げ」と言ってボイス コマンドを発し、合成音声の全体的なピッチを上げる。

達成基準 1.6.1 と 1.6.2 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、self-voicing browser、アドオン

達成基準 1.6.3 の意図：

テキストの合成音声表現は、理解が困難になる可能性がある。これらの達成基準は、音声合成器がテキストを表現する方法を調整するための能力をユーザーに与えることによって、理解力を改善する。

達成基準 1.6.3 の例：

• Penny は、読書障害である。彼女は、ウェブ ページを読むためにブラウザーを使用しているので、彼女は最新の銀行取引を確認できる。。彼女は、数値の代わりに通貨を話すように話ブラウザーを設定している。この設定によって、彼女は、「預金、2050ドル」として取引を聞く。
• Penny は、読書障害である。彼女の音声合成器は、電話番号を繰り返す。彼女はこの番号をコピーしたいので、（例えば、5、5、5、7、9 など）各数値が一意の単語として発話されるようにモードを切り替える。
• George は全盲である。彼の音声合成器は、彼の組織で採用している技術用語を不正確に発音する。用語は、それを区別することがジョージにとって困難な形で、一貫して発音を間違える。辞書は、ジョージに、合成音声が正しい発音を生成させる名前のスペルを入力できる。

達成基準 1.6.3 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、self-voicing browser、アドオン

達成基準 1.6.4 の意図：

多言語の合成音声のユーザーは、音声合成の言語を素早く変更し、著者又はユーザー エージェントのインターフェースによって指定された任意の値を上書きし、変化するコンテンツに応答できることを必要とする。多くのウェブ コンテンツは、適切な言語のインジケーターが不足しているか、正しくない言語属性を持っており、ユーザー エージェントは、テキストから言語を正しく判断できないため、ユーザーは言語を変更するための便利なメカニズムを必要とする。

達成基準 1.6.4 の例：

• Hosea は、盲目である。彼は、スペイン語を話すが、彼のインストラクターは、英語のみを話す。Hosea は、構成にワンタッチでアクセスできるようにモバイル デバイスのフローティング コントロールを保持しており、彼は、音声合成機の読み上げ言語を素早く変更できる。彼は、スペイン語でインターネットの授業関係の資料を読むが、英語による説明の参照リンクを参照しなければならない。参照リンクは、言語属性で適切にコード化されてないので、彼の音声合成機は、言語の変更を認識しない。Hosea は、参照を英語へ素早く切り替えるためにフローティング コントロールを使用し、彼が読んでいる主な記事を戻ると、スペイン語に戻る。

達成基準 1.6.4 に関連するリソース：

• W3C Internationalization resources

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

オペレーティング システム、self-voicing browser、アドオン

達成基準 1.6.5 の意図：

これらの達成基準は、音声情報の知覚と理解ができるように、音声特性のコントロールをユーザーに許可する。

例えば、ユーザーは、ユーザーの知覚範囲内のレベルまで音量を増加させる必要があるかもしれない。または、ユーザーは、ユーザー エージェントの標準設定よりも早い速度で理解するので、合成音声表現の速度を増加するかもしれない。

達成基準 1.6.1 は、最も一般的に調整する必要があり、多くの技術で調整できる特性をカバーする。達成基準 1.6.2 は、あまり広く変更されておらず、あまり広くサポートされていない特性をカバーする。

達成基準 1.6.5 の例：

• Jamie は盲目である。彼は、ウェブ ページを読むためにモバイルベースのウェブ ブラウザーを使用する。彼は、情報が読み返される速度を増加するためにキーを押す。彼は、例えば混雑した地下鉄のような騒々しい環境でモバイル ブラウザーも使用する。キーを押し、Jamie は、素早く音量を増加する。
• Randy は、低ピッチの発話を聞くのが困難な、聴覚障害である。彼は、本人にそのまま返してウェブ ページを読む音声ブラウザーを使用する。彼は、「ピッチ上げ」という音声コマンドを発し、合成音声の全体的なピッチを上げる。

達成基準 1.6.5 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

ブラウザー、アドオン

達成基準 1.7.1、1.7.2 と 1.7.3 の意図：

メカニズムは、（例えば、CSS スタイルシートなど）ウェブ コンテンツのレンダリングをカスタマイズすることを、ユーザーと製作者に許可するために存在する。このようなカスタマイズは、ユーザーの幅広いニーズに、ウェブ コンテンツをアクセシブルにするためにしばしば使用される。これらの達成基準は、ユーザーが、スタイルシートをカスタマイズするこの能力を最大限に利用できることを保証する。異なるウェブサイトは、リーダブルにするための異なるスタイルの変更が必要になるので、ユーザー エージェントは、（例えば、ドメイン名又は URL テンプレートの一覧に基づく）どのスタイルシートが読み込んだときに異なるウェブ ページに自動的に適用されるべきかをユーザーが特定できる機能を提供することが推奨される。

達成基準 1.7.1、1.7.2 と 1.7.3 の例：

• Tanya は、ロー ビジョンである。彼女は、黒色の背景の上にある黄色の文字が読みやすいと気づいている。ウェブサイトを読み込んだとき、ユーザー エージェントは、ウェブの製作者がウェブサイト用に作ったいくつかのスタイルシートの中からTanya が選択できるメニューを提供する。Tanya は、メニューから「黄色のテキストと黒色の背景」のスタイルシートを選択する。ウェブ コンテンツは、このスタイルシートを使用してレンダリングされる。
• Kendra は、ロー ビジョンである。彼女は、黒色の背景に黄色のテキストとなるように、通常はフル カラーのウェブサイトを変更している。夫の Jeromy がサイトを見るためにコンピューターの前に着く時、彼は、Tanya が以前にウェブ ページに適用したユーザー定義のスタイルシートをすぐに非選択にするため、ユーザー エージェントのメニューに行く。ウェブサイトは、フル カラーでレンダリングされる。
• Lee は、ロー ビジョンであり、黒色の背景に黄色で表現されているとき、彼女のモバイル デバイスでテキストを読むのが容易だと気づいている。彼女は、このカラー スキームを使用する彼女のブラウザーでテキストを常に表示するために、製作者のスタイルシートを上書きするようにブラウザを設定する。
• Mattias は注意欠陥・多動性障害（ADHD）であり、デスクトップやモバイル デバイスがはっきりと読み上げている時、テキストが青くハイライトされている場合、テキストを読むのが容易だと気づいている。ハイライトとテキスト色の両方は設定可能であり、製作者のスタイルシートを上書きするのでテキストを読み取ることができ、十分な色のコントラストがある。

達成基準 1.7.1、1.7.2 と 1.7.3 に関連するリソース：

• CSS 2 Recommendation: cascade weight rules
• Custom Styles for iOS
• Stylish for FF and Chrome
• Web Developer for Firefox and Chrome

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

ブラウザー、アドオン

達成基準 1.7.4 の意図：

スタイルシートは、レンダリングされたコンテンツに強力なカスタマイズ性を提供する。場合によっては、特定のアクセシビリティのニーズを満たすために、ウェブサイトで使用されている製作者提供の外部スタイルシートをわずかに変更する必要があるかもしれない。また、障害のあるユーザーに役立つスタイルシートを、ウェブ制作者が作成しているかもしれない。この達成基準の目的は、ユーザー自身の完全なスタイルシートを作成することなく、ウェブサイト用のスタイルシートを簡単に保存して、必要な変更を加えることができるようにすることと、スタイルシートが役立つと思われる他のウェブ ページに適切にデザインされたスタイルシートを適用できるようにすることである。スタイルシートとスクリプトを圧縮してロード時間を節約するのが製作者の慣例となっているが、ユーザーが読みと編集が容易なフォーマット（例えば、改行を削除しないなど)で保存することは非常に有益である。

スタイルシートは理解しにくい場合がある。UAAG は、ほとんどのユーザーがスタイルシートの読み取りと編集にツールを使いたいと望んでいることを理解している。技術に熟達していないユーザーでもスタイルシートを使いやすくするために、ツールやアドオンでサポートすることを推奨する。多くのロービジョンユーザーは、アクセシビリティのためにカスタム スタイルシートを必要としており、ユーザー スタイルシートのサポートを強化することで、これらのユーザーのブラウジング体験が向上する。

達成基準 1.7.4 の例：

• Mikki は新しいウェブサイトを閲覧し、全ての見出しに使用されている Arial 14 ポイントの文字が自分の視覚レベルでうまく機能しないことを見出した。友人は、CSS スタイルシートで見出しが作成されていることを発見して Mikki を助ける。彼らはこのスタイルシートを保存し、それがどのように作成されるかを調査する。Mikki は、見出しのテキストを大きなフォント及び異なる書体に調整するために、このスタイルシートを変更する。彼女は、変更したスタイルシートをユーザー スタイル シートとして適用して使用する。
• ターニャはロービジョンである。彼女は、携帯電話で新しいウェブサイトを閲覧し、そのサイトがモバイル デバイス向けに最適化されていないことに気付いた。彼女は、より良いレイアウトとより大きなフォントを提供するためにスタイルシートを変更する。スタイルシートのカスタム設定は保存され、彼女が復帰したときに適用される。

達成基準 1.7.4 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

operating system, browser

達成基準 1.8.1 の意図：

When a user agent presents content using multiple viewports, users benefit from a clear indication of which viewport has focus. Text foreground and background colors may not provide enough indication of viewport focus for users with low vision.

達成基準 1.8.1 の例：

• Tanya has low vision. Her favorite music website allows her to select which of the top 10 songs are available for listening. Each song is represented by a thumbnail of the album cover – a graphical viewport containing a music player. Tanya uses a keyboard-based screen magnification tool to tab between songs. This highlights the currently selected player with a thick, yellow border against a dark gray background.

達成基準 1.8.1 に関連するリソース：

• 1.8.7 Customize Viewport Highlighting

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser

達成基準 1.8.2 の意図：

When content extends horizontally or vertically beyond the visible bounds of its viewport, users must be able to move to one or more selectable elements that may be out of view and to have the selected content automatically move into view. This gives keyboard users and screen magnification users an efficient means to view selected content without having to scroll to locate and view the selection.

達成基準 1.8.2 の例：

• John has low vision and uses a screen magnifier. He is spellchecking his blog, which is contained within a scrollable viewport. The blog text exceeds the vertical size of the viewport. The blogging software provides a command to move to the first, and then any subsequent, unrecognized words. With two unrecognized words in the posting, John ignores the first selected word, and presses the key to move to the next unrecognized word, which is out of view. As the key is pressed, the viewport scrolls to show the selected word.
• George uses a screen reader. He is showing a sighted colleague how to complete a registration form that's contained within a viewport. The form exceeds the vertical bounds of the viewport. When George completes each form entry, if the next form is not already visible in the viewport, it scrolls into view.
• Taja typically views web content on her mobile phone at a high level of zoom. This can frequently position elements outside the viewport, requiring scrolling. When moving between focusable elements, the user agent viewport automatically scrolls to the element currently in focus.

達成基準 1.8.2 に関連するリソース：

• 1.8.6 Maintain point of regard

適用対象：

コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

browser, media player, plugin, web-based user agent (readers, players)

達成基準 1.8.3 の意図：

When rendered content exceeds the bounds of a graphical viewport, horizontal or vertical scrollbars show that not all of the rendered content is currently visible within the viewport and provide a means of navigation to that content. The scrollbars make it clear that the rendered content is not fully visible.

達成基準 1.8.3 の例：

• Tanya has low vision. She is reading a recipe on a website with a fixed size popup window. Tanya has set a preference in her browser to override the author setting and always display scrollbars on content overflow. She increases the font size causing the recipe to exceed the vertical and horizontal dimension of the viewport. The presence of the scrollbar shows her that additional ingredients may be present. She uses the scrollbar to move them into view.
• Terry has memory issues. She configures her mobile computer so that scrollbars are always on so she can instantly see where she is in a document.

達成基準 1.8.3 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent (readers, players)

達成基準 1.8.4 の意図：

Users who have fine-motor problems that make it difficult to scroll, users who have cognitive issues that make it difficult to orient on the page, and screen reader users, who rely on audio to scan the page, all need to quickly assess the amount of content on the page and where they are located within the content.

達成基準 1.8.4 の例：

• Ally has cognitive issues that make it difficult to orient. She navigates to a lengthy web page and begins paging through the content. A scroll bar indicates her position within the content as she pages and shows that with each paging action only a small portion of the content is rendered.
• Ally has cognitive issues that make it difficult to orient. When looking at a map on her mobile device, she must frequently zoom in to view her current location or destination and zoom out to put the location into the context of the large map.
• George uses a screenreader to access a lengthy web page. His screen reader speaks the percentage that the page is scrolled, allowing George to know where the cursor is relative to the entire page.

達成基準 1.8.4 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, plugin

達成基準 1.8.5 の意図：

Some users want to be able to magnify content to so it is more legible. Some users want to be able to shrink content so that more of it is visible onscreen. This can help them understand the structure of the content and their position in the content, even if text has become too small to read. The commonly needed range is between 150-400%. A user agent could provide 6 steps in that range, or let the user set their own exact percentage.

達成基準 1.8.5 の例：

• Tanya has low vision and needs large text. On web pages where graphics are strictly decorative, she increases the text size and leaves the graphics small. If she is using a web application with important graphics, however, both the graphics and the text need to be bigger, so she uses the zoom page feature.
• Alexandra has low vision. When she views a website on her mobile phone, she first scans the website at a very small size to guess where she wants to zoom in first. The zoom feature increases the size of both text and images.
• Perttu has a learning disability. He is studying an organization chart but has difficulty maintaining a mental representation of the organizational linkages for items out of view. In order to facilitate his understanding of the organization, Perttu zooms out to allow the entire chart to be displayed.

達成基準 1.8.5 に関連するリソース：

• 1.8.9 Allow Viewport Resize
• 1.8.6 Maintain point of regard

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, plugin

達成基準 1.8.6 の意図：

Users can be confused and disoriented when the area where they are working suddenly shifts outside the visible region of the viewport. When this happens, users may have to expend considerable time and effort to re-navigate back to their previous point of regard. Just as the location in audio does not change when the user increases the volume, the point of regard should not change when the user changes the size of the window or zooms the content.

The point of regard is the information within the viewport that is visible to the user. When there is focused or selected content inside a viewport, and the viewport is resized, or content is zoomed, scaled, or formatted differently, that content will remain visible in the viewport. Otherwise, the user agent should maintain the same top-left (top-right for text read right-to-left) corner as the initial viewport.

Note: User agents are encouraged to allow user to override author instructions not to wrap content (e.g. nowrap).

達成基準 1.8.6 の例：

• Jorge has low vision. While viewing a web page he sees a picture with a caption that is too small to read. He highlights the caption, then uses the browser's zoom feature to increase the size of the content so he can read the caption. Throughout the zooming process the highlighted caption remains in the viewport, allowing Jorge to keep oriented on the caption and begin reading it when the appropriate content size is reached. Later, while reading on a page, Jorge finds some text that's too large to read. The beginning of the large text is at the top of the browser content area. Jorge uses the zoom feature to make the content smaller. The text is reduced to a comfortable reading size and the beginning of the text remains at the top of the browser window.
• Melissa has a distraction disorder. She is doing research for school. She scrolls the content so the relevant section heading is the top line of the browser. She resizes the browser so she can see her notes and the browser at the same time. After resizing the browser the heading is still the top line.
• Xu has a reading disability. He is reading a page with footnotes that are too small to read on his mobile device. Xu places the footnote at the top of the browser, and using the increase font-size feature, he increases the font-size of the text on the page. The footnotes stay on the top of the viewport.

達成基準 1.8.6 に関連するリソース：

• 1.8.2 Move Viewport to Selection and Focus

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

operating system, browser, plugin, add-on

達成基準 1.8.7 の意図：

When a user agent presents content in multiple viewports, users benefit from a clear indication of which viewport has focus. Text foreground and background colors may not provide enough indication of viewport focus for users with low vision. These users need to customize viewport frames using color, contrast, and border thickness to provide multiple visual highlighting cues.

達成基準 1.8.7 の例：

• Tanya has low vision. She tabs through the open windows on her new browser, but can't determine which viewport is the active viewport. She opens the browser settings and customizes the viewport frame in bright yellow with a thick black border so it's easier to see.

達成基準 1.8.7 に関連するリソース：

• 1.8.1 Highlight Viewport

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player

達成基準 1.8.8 の意図：

If a viewport contains content that exceeds the dimensions of the viewport, users can increase the size of the viewport – up to the limits of the physical display screen – to allow the content to be displayed without horizontal scrolling. This benefits keyboard users who may find it difficult to scroll content. Other users with cognitive or learning disabilities may improve their ability to read the text by making the viewport narrower, and thus shortening the line lengths.

達成基準 1.8.8 の例：

• Perttu has a learning disability. He is studying an organization chart and has difficulty maintaining a mental representation of the organizational linkages for items out of view. In order to facilitate his understanding of the organization, he sizes the viewport to allow the entire chart to be displayed.
• Vaalu has tunnel vision and can only see a few words at a time. If blocks of text are in long lines, it is difficult for him to get from the end of one line to the beginning of the next line. He often makes the viewport narrower and rewraps the text so the text is in shorter lines.

達成基準 1.8.8 に関連するリソース：

• W3C: Fullscreen (not complete at this writing)

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser

Intent of Success Criteria 1.8.9, 1.8.10 & 1.8.11:

Unexpected focus and viewport changes can be disorienting for all users, requiring time and effort for the user to orient to the change. These success criteria are intended to allow the user to be in control of when viewport changes happen so the user can orient to the changes in a predictable fashion.

Examples for Success Criteria 1.8.9, 1.8.10 & 1.8.11:

• Justin has an attention deficit disorder. He is studying an online college course and finds a word that he doesn't know. He follows a link to the definition of the word. After reading the definition, he uses the back button (viewport history) to return. The word remains selected so he doesn't have to reorient or find it on the page.
• George uses a screen reader. He visits a web page that ordinarily opens a popup page. George receives an audio alert that additional content is available. He can choose to have this pop-up content open on request.
• John has low vision and uses a screen magnifier to access his browser. He configures his browser so popup windows do not take focus because the pop-ups can open outside the view of his magnifier.
• Frank has repetitive strain injuries and uses speech input. He configures his browser so that pop-ups always take focus, so he doesn't have to take multiple steps to locate the window and take the desired action.
• Ray is blind. His mobile device automatically opens location links and calendar dates found on web pages in native apps available on the device. When he returns to the browser, focus on the original link is maintained.

Related Resources for Success Criteria 1.8.9, 1.8.10 & 1.8.11:

• 3.3.1 Avoid unpredictable focus
• 3.1.5 Back button

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser

達成基準 1.8.12 の意図：

Users orient themselves to a browsing environment with a variety of techniques. This success criteria is designed to ensure that the user does not have to learn multiple strategies to use the browsing viewport.

達成基準 1.8.12 の例：

• Robert has low vision. He uses magnification software. After setting up his user agent, he knows that web content begins predictably one inch from the top of the window, so he can configure his magnification software to present content starting at that location.
• Courtney has difficulty understanding and using complex user interfaces. She has worked with her sister to set up her browser to have only a few of the most common browser controls displayed and she knows to expect them on every browser window.

達成基準 1.8.12 に関連するリソース：

• 2.6.3 Multiple Sets of Preference Settings

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, plugin, add-on, web-based readers

達成基準 1.8.13 の意図：

Keeping oriented within multi-column content can be challenging for some users, especially when content is zoomed. This is an especially acute issue for users who find it difficult or impossible to use the mouse to scroll and for users who find it difficult to reorient when the content changes. This does not require or prohibit the user agent from providing an option to turn off reflow. Success criteria 1.8.13 through 1.8.15 work together to allow users to work with enlarged text without having to scroll horizontally

達成基準 1.8.13 の例：

• Frank has repetitive strain injuries and uses speech input. When Frank uses his mobile phone to read a web page, he needs to zoom in to read an article on a web site. He configures his mobile phone so that text reflows to always display zoomed content to fit in one column.

達成基準 1.8.13 に関連するリソース：

• 1.4.4 Configured and Reflowed Text Printing
• 1.8.14 Ignore Absolute Layout Dimensions
• 1.8.15 Linearize Content

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, add-on

達成基準 1.8.14 の意図：

Content is not as easily usable if the user has to scroll back and forth horizontally. This is an especially acute issue for users who find it difficult or impossible to use the mouse to scroll and for users who find it difficult to reorient when the content changes. Most user agents default to wrapping content within the horizontal dimensions of the top-level viewport unless authors specify absolute layout dimensions that necessitate extending the content beyond the width of the viewport. This success criteria gives users the option to check how the content would appear without those author-specified absolute layout dimensions. Success criteria 1.8.13 through 1.8.15 work together to allow users to work with enlarged text without having to scroll horizontally

達成基準 1.8.14 の例：

• Maggie has cognitive issues that make it difficult for her to reorient when the computer screen changes. Finding and activating scrollbars, then finding the next words in the sentence requires extra effort and causes Maggie to lose her orientation, which degrades her reading flow and comprehension. When text is reflowed so it is in one column that doesn't require horizontal scrolling or vertical scrolling to get to another column, she can read and understand it.

達成基準 1.8.14 に関連するリソース：

• 1.4.4 Configured and Reflowed Text Printing
• 1.8.13 Multi-Column Text Reflow
• 1.8.15 Linearize Content

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, plugin, add-on

達成基準 1.8.15 の意図：

In some cases, author-specified layouts (e.g. such as layout tables, layouts that must be scrolled, etc.), can impede access, especially when content is zoomed. This is an especially acute issue for users who find it difficult or impossible to use the mouse to scroll and for users who find it difficult to reorient when the content changes. Success criteria 1.8.13 through 1.8.15 work together to allow users to work with enlarged text without having to scroll horizontally

達成基準 1.8.15 の例：

• Ansgard has low vision and physical disabilities that make it difficult to use the mouse. He needs to zoom in to read text. When using his PDF viewer, he makes use of the zoom and single column reflow features to reflow the content into a single column that fits the window.

達成基準 1.8.15 に関連するリソース：

• 1.4.4 Configured and Reflowed Text Printing
• 1.8.13 Multi-Column Text Reflow
• 1.8.15 Ignore Absolute Layout Dimensions

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

browser, add-on, web-based readers

達成基準 1.8.16 の意図：

This success criterion is crucial for users who have trouble navigating a web page. People who use speech input, have memory problems, or use small screens may be able to go from one area of a web page to another area once or twice, but may have trouble frequently repeating the action. The ability to mark areas of the page allows these types of users to navigate more quickly with less fatigue.

達成基準 1.8.16 の例：

• Jamie is a quadriplegic who uses speech input. She is a professor who reads long documents online and often finds herself comparing different portions of the same document. It is tedious carrying out multiple scrolling commands by speech every time she needs to change to another portion of the document. She sets several bookmarks instead. This allows her to instantly jump among sections, eliminating the time and effort penalties she usually has to pay for slow scrolling. Jamie also uses bookmarks on her mobile phone to cut down on scrolling.
• Julie has memory problems. She finds it difficult to remember key points from a document she has just read. She uses bookmarks to mark important points she needs to read again. Without the ability to bookmark, she won't remember what she needs to read multiple times in order to do so.
• George is blind and occasionally travels to unfamiliar places for work. He sometimes uses an smart phone to orient himself within a map of the building he's in. Once he's found a key place on the map – a room where a conference session is held, or the bathroom – he bookmarks it to build a map of useful places. This makes navigation easier the second time around. He sets the marks to be persistent across sessions so next time he visits he won't have to repeat his work.
• Mary has repetitive strain injuries that make it painful to use a mouse. She is a college professor who uses an elaborate web application to correct papers. After putting a comment in a comment field she has to scroll all the way to the bottom of the document to enter the comment. The bookmarks make even this badly designed application something she can use successfully without hurting herself.

達成基準 1.8.16 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, add-on, web-based readers

達成基準 1.9.1 の意図：

Outline views allow users to get a simplified view or overview of a document. They are particularly useful for users with memory or cognitive disabilities, blind users, and users who find it difficult or impossible to use a mouse. A navigable outline views reduce orientation and navigation time and fatigue.

達成基準 1.9.1 の例：

• Frank has repetitive strain injuries and uses speech input. He uses a web browser to read financial information. His browser provides an optional panel displaying a hierarchical list of the headers and tables in the current document. Frank is able to expand or shrink portions of the outline view for faster access to the information he wants.
• George uses a screen reader. He reads long standards documents and uses the headings to navigate quickly so he can compare sections of the standards. George also finds the outline view useful when he is quickly checking a reference on his mobile phone.

達成基準 1.9.1 に関連するリソース：

• Guideline 2.5 Provide structural navigation
• Success Criterion 2.3.1 Direct Navigation to Important Elements
• ARIA Landmark Roles

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser

達成基準 1.9.2 の意図：

The source view is the ultimate fallback for a person with disabilities when the browser cannot properly render some content, or when the user cannot take advantage of the content as rendered or using the mechanisms provided.

達成基準 1.9.2 の例：

• George is a web developer who uses a screenreader. He visits a web page where the content author failed to provide alt text or a long description for an image he wants to access. As a last resort, George examines the source to see the image's URI, class, and similar attributes. He sees that part of the URI for the image is "home.jpg" and concludes that he can click on that image to return to the home page of the site. George also uses the source view feature on his mobile device when he needs to identify an image.
• Mikki has low vision. She wants to create a user stylesheet for her web-based email program. She examines the source code to identify the CSS class of the email heading. She then creates a user stylesheet that increases the size and contrast of the email headings.

達成基準 1.9.2 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, add-on

達成基準 1.10.1 の意図：

Some users have difficulty perceiving, remembering, or understanding the relationships between elements and their descriptions. Certain elements relate to others in defined semantic relationships (e.g. HTML label element, figcaption, table heading to table cell, and aria-labelledby attributes). This allows users to better understand these relationships even if the elements are not adjacent on the screen or the DOM.

達成基準 1.10.1 の例：

• John has low vision. When interacting with tables and spreadsheets John has to move the viewport of the magnifier to understand the row and column titles of the cell with which he is interacting. This takes additional time and effort and is therefore frustrating. John switches to a browser that presents the row and column titles when he hovers over a cell. This makes him much more productive at his accounting job.
• Courtney has a cognitive disability that makes it difficult for her to comprehend complex user interfaces. She is completing an online job application. It is not clear where she should enter her phone number, because the input fields have text labels above, below, and to the left of the current input field. She mouses over the blank box and sees a tooltip that says "home phone number". She is able to complete the form.

達成基準 1.10.1 に関連するリソース：

• 4.1.2 Expose Basic Properties
• WAI-ARIA: 6.5.4 Relationship Attributes
• WAI-ARIA Authoring Practices: 4. Relationships

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, add-on

達成基準 1.10.2 の意図：

Users who have difficulty working with a web page or document can use user stylesheets or scripts to modify page presentation or interaction so they can gain information or accomplish a task. Stylesheets and scripts may require the user to identify specific elements, element attributes, and element position in the hierarchy. The user agent can facilitate this process by allowing the user to navigate to an element, select it if it's not navigable, and query for element information. If this feature is not provided, the user may be forced to try to find the corresponding element in the source view or entire document tree.

達成基準 1.10.2 の例：

• Jack has low vision and uses user stylesheets frequently. He wants certain content on a web page to be displayed in a larger font, and wants to create a user style sheet that would modify its appearance. He needs to identify the class or ID of the particular element, so he selects the text he's interested in, opens the browser's debug window, which shows him that the selected text is an element with class "story" inside a paragraph inside a DIV with class "Premiere". He then knows the combination of classes and element types to specify in the user style sheet.

達成基準 1.10.2 に関連するリソース：

• Guideline 1.7 Enable Configuration of User Stylesheets

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, web-based user agent (readers, players)

達成基準 2.1.1 の意図：

A user has many ways to input information into a computer or device, including mouse, keyboard, gesture, and speech. The keyboard paradigm is the most universal interface for text input – even devices that do not have a keyboard (like mobile phones) support a software interface for them. A user should be able to navigate, read and use all of the web page or application without needing to use a mouse. Some users do not use a mouse. Others can only use a pointing device that uses the keyboard API. It's important that these users be able to interact with enabled components, select content, navigate viewports, configure the user agent, access documentation, install the user agent, and operate user interface controls, all entirely through keyboard input. User agents generally support at least three types of keyboard operation:

1. Direct (e.g. keyboard shortcuts such a "F1" to open the help menu; see checkpoint 11.4 for single-key access requirements)
2. Sequential (e.g. navigation through cascading menus)
3. Spatial (e.g. when the keyboard is used to move the pointing device in two-dimensional visual space to manipulate a bitmap image)

User agents should support direct or sequential keyboard operation for all functions. The user agent should offer a combination of keyboard-operable user interface controls (e.g. keyboard operable print menus and settings) and direct keyboard shortcuts (e.g. to print the current page).

達成基準 2.1.1 の例：

• Amal has a medical condition that prevents him from using the mouse. Jeremy finds it difficult or impossible to use a mouse or keyboard and therefore uses speech to control the keyboard. Tanya is blind and uses a screenreader and must be able to accomplish all tasks with the keyboard. Jamie uses a switch device to control the computer. Each of these users must be able to do the following through keyboard alone, speech input alone, or switch device alone:
  • Select content and operate on it. For example, if it is possible to select rendered text with the mouse and make it the content of a new link by pushing a button, these users also need to be able to do so through the keyboard and other supported devices. Other examples include cut, copy, and paste.
  • Set the focus on viewports and on enabled elements.
  • Install, configure, uninstall, and update the user agent software.
  • Use the graphical user interface menus even though they cannot use the mouse (Amal, Jeremy and Jamie).
  • Fill out forms.
  • Access documentation.
• Amal has a medical condition that prevents him from using the mouse. He is reading a web page where the author used the CSS overflow property to constrain the size of a block of content. Amal's browser provides scroll bars to display text that overflows the viewport. He uses the keyboard to enter the element and operate the scrollbars to read all the content, he then uses the keyboard to return focus to the main web page. (see 2.1.3 No Keyboard Trap)
• Tanya is blind and uses a screen reader. She needs to use a volume control widget to change the volume on a video she is watching. She use the keyboard to navigate to the widget, uses the arrow keys to increase the volume, then uses the keyboard to navigate to the comments below the video player.
• Cade has low vision. He can't identify an icon and so he needs to read its alternative text. Mouse users could hover the mouse over the icon and have its alternative text displayed as a pop-up or tooltip, but Cade cannot use a mouse. He uses the keyboard to move focus to the icon. The browser automatically displays the "hover" tooltip, or allows him to press a key to have it displayed.
• Jeremy is a speech-input user who cannot use his hands to control his computer. It is much easier for him to speak keyboard shortcuts then click on an icon in a new program. He needs to be able to see tooltips to discover keyboard shortcuts without having to use the mouse.
• Karen has muscular dystrophy and cannot easily use the onscreen keyboard to navigate web pages on her mobile phone. Instead, she uses simple gestures to move between elements on the page. As focus moves from one element to another, there is a visible focus indicator.

達成基準 2.1.1 に関連するリソース：

• Modality Independent Controls
• 2.1.3 No Keyboard Trap

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin

達成基準 2.1.2 の意図：

Both the user and some types of assistive technology need to know what will be affected by any keyboard input, so it's important that they be able to tell which window, viewport, and controls have the keyboard focus at any time. This applies whether window and viewport are active (active keyboard focus) or inactive (inactive keyboard focus). Even when a window is inactive, it can be affected by simulated keyboard input sent by assistive technology tools. Active keyboard focus is indicated to the user by focus cursors and text cursors, as required by Guidelines 1.3, and made available to assistive technology, as required by Success Criterion 4.1.2.

達成基準 2.1.2 の例：

• Amal has a medical condition that prevents him from using the mouse. He launches a web browser and navigates to a web page. Initially the keyboard focus is on the entire document, which is exposed to assistive technology, but there is no visible cursor. When Amal presses the tab key, the focus moves to the first link on the web page, and a cursor in the form of a dotted rectangle appears around that link.
• Amal has a medical condition that prevents him from using the mouse. He launches a web browser and navigates to a web page that has an enabled edit field. The browser places the keyboard focus on the edit field so Amal can immediately start entering text, and its location is shown using a text cursor (usually a vertical line or I-beam). As he types, the text cursor moves to show where the next character will appear. If Amal activates another window, the browser may hide the cursor in the now inactive window, but its location is still available to assistive technology.
• Raymond has low vision. As the keyboard focus moves from one control to another, or one window to another, his screen enlarger utility detects the focus change and pans its viewport to keep the focus location visible.
• Jeremy is a speech-input user who cannot use his hands to control his tablet. He opens a web page using a speech command. The web page has a search field, and normally comes up with the keyboard focus in the search field. Jeremy sees the indicator in the search field and knows he does not have to navigate to the search field before saying a search term.
• Erin has dyslexia which often causes her to confuse directions. She uses gestures to navigate her mobile phone. As focus moves from one element to another, there is a visible focus indicator, which allows her to find the focus easily.

達成基準 2.1.2 に関連するリソース：

• Guideline 1.3 Provide highlighting for selection, keyboard focus, enabled elements, visited links
• 4.1.2 Expose Basic Properties ensures that the focus location is available to assistive technology.

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, web-based user agent (readers, players)

達成基準 2.1.3 の意図：

If users can put focus on an element, they can remove focus and move on to the next element. This is often not possible with embedded objects. The user agent needs to provide a way to always return to the previous or next element in the content, or a known location such as the address bar. The user agent also needs to take control back from the embedded object, no matter what it is.

達成基準 2.1.3 の例：

• Ari has repetitive strain injuries that are exacerbated when he uses the mouse. He is using a video hosting site where each page hosts a nested media player. He presses Tab until the focus in on the media player, then presses Enter to activate and put the keyboard focus on it. When he's finished watching the video, he presses Tab to navigate to the comments below the video, but cannot get the focus to leave the video player. He presses Alt+Left to return to the previous page, but that also fails because the video player is consuming those keystrokes. Luckily, Ari knows that Shift+Esc will return focus from a nested user agent, with or without its cooperation. Thus, even a badly behaved nested user agent cannot prevent Ari from getting on with his work.
• Ari has repetitive strain injuries that are exacerbated when he uses the mouse. He uses the tab key to move the focus to a toolbar add-on that does not relinquish control back to the user agent. He presses Alt-D to move the focus to the address bar.
• Mary is a blind user who does not use the mouse. She moves the focus to an embedded scripted application that was poorly programmed. She presses a documented key combination – Alt+N – to override the scripting and move the focus to the next element in the content.
• Katan cannot use the mouse and has trouble with short-term memory. He is using a virtual machine. The escape sequence is Shift+Ctrl+Escape. Every time Katan opens the program, it briefly shows the escape sequence near the top right corner of the screen. The virtual machine also has an Exit option in its menu system. The Escape keystrokes are also indicated on the menu.

達成基準 2.1.3 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, media player, plugin, add-on, (web-based UA are already required to do this by WCAG)

達成基準 2.1.4 の意図：

People do not expect side effects when moving the keyboard focus regardless of whether the side effect is caused by the user agent or author content. If users fail to notice side effects, they could end up doing something disastrous. This is especially likely for users of assistive technology who cannot see changes happening elsewhere on the screen. Users may also find it confusing or disorienting if the effect causes unexpected focus movement or changes in context. If the user agent does implement side effects to keyboard navigation, it is recommended that it provide a user preference setting to disable them. However, in some cases it may be more appropriate to provide a separate navigation mechanism that avoids side effects, such as allowing the user to hold down the Ctrl key while navigating to avoid changing selection or choice. Note: It may not be possible for the user agent to detect or prevent side effects implemented by scripts in the content, but the user agent is required to prevent side effects that are under its control.

達成基準 2.1.4 の例：

• Murray has low vision. He uses a screen magnifier that allows him to see the element with the focus and a small area around it. He explores a dialog box by repeatedly pressing the Tab key to move to, and read each control in succession. He uses the arrow keys to navigate through a dropdown menu. When he moves the focus to the first option he goes to that page. He wants to navigate to the third selection, but can't get there. Fortunately, the platform also has a convention that holding down the Ctrl key while navigating that moves the focus without changing selection or option choice. Murray uses this while exploring. His web browser implements its own form controls and navigation mechanisms rather than using the platform's infrastructure, but also implements this Ctrl-key mechanism for users like Murray.
• Malak is blind. He uses the screen reader on his smartphone to navigate a web page. He selects an item and is able to activate the element using gestures. This requires sufficient screen real estate to perform gestures without changing focus.
  

達成基準 2.1.4 に関連するリソース：

• WCAG 2.0: 3.2.2 - On Input
• WCAG 2.0: 3.2.5 Change on Request
• WCAG Techniques: SCR19: Using an onchange event on a select element without causing a change of context
• WAI-ARIA: aria-selected (state)
• 1.8.11 Allow Top-Level Viewport Focus Control
• 3.3.1 Avoid Unpredictable Focus - more information on unexpected changes initiated by the user agent.

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, web-based user agent (readers, players)

達成基準 2.1.5 の意図：

Keyboard users rely on the user agent to provide keyboard support that is full-featured and consistent among applications. Following platform conventions for keyboard access helps ensure that the functions that people rely on are not accidentally omitted. In addition, making these inputs consistent within and across programs greatly reduces learning curve, cognitive load, and errors. User agents are encouraged to add keyboard commands when the commands provide additional features or benefit for users. User agents should avoid omitting the standard commands, or assigning them to different keys.

達成基準 2.1.5 の例：

• Jack is blind and uses a screenreader. He edits blog posts in his browser's text area control, and can use the same keys for navigation, editing, and formatting that he's used to using in other applications on the platform (e.g. arrow keys, commands to move to the beginning and end of the line, cut, copy, paste, ctrl-b for bolding).
• Wenda is blind and uses a screen reader. Her user agent uses a custom tree control showing a hierarchical outline view of the document headings. She can navigate within that control using the same keys as work in the native tree controls used in other applications (e.g. up, down, left and right arrow keys, and navigating directly to entries by typing the beginning of their text).
• Jack is blind and uses a screenreader. He puts his browser into a caret browsing mode so he can move the text cursor through the text on the page. The browser supports the same keys for navigation and editing as are used in other applications.

達成基準 2.1.5 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース,コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent (readers, players)

達成基準 2.1.6 の意図：

Efficient keyboard navigation is especially important for people who cannot easily use a mouse, are quickly fatigued, or find it difficult to memorize the menu structure for sequential navigation. This is important in all types of user agent environments.

• In a browser: A browser provides keyboard shortcuts for its menu functions as well as access keys in the design of its menus and dialog boxes. The choice of shortcut keys follows platform conventions where applicable (e.g. for open document, save document, cut, copy, paste).
• In a mobile environment: A social networking application on a mobile device has only a very few keyboard shortcuts available on its targeted devices. These few keyboard shortcuts are used for the most commonly accessed functions of the application (e.g. home, list of friends).
• In a media player: An embedded media player provides shortcut keys for commonly used functions (e.g. pause and play).

達成基準 2.1.6 の例：

• Jack is blind and uses a screenreader. He opens his browser to write his email. He uses a shortcut to start a new message. He uses the same Ctrl-N command he uses in his desktop email application.
• Jean has a medical condition that makes it difficult to visualize complex visual structures like dropdown menus. She is writing a new blog entry and discovers that her blogging application has updated and all the menus have changed. She cannot find the menu option to format the text, but is pleased to find that Ctrl-B still works to bold the text she wants.
• George is blind and uses the gestures on his mobile device to move focus to the top of the page, return to the previous web page and activate links.

達成基準 2.1.6 に関連するリソース：

• 5.1.3 Implement Accessibility Features of platform

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser

達成基準 2.2.1 の意図：

Sequential keyboard navigation is a fundamental, universal method of keyboard access. While it can be slower and require more input than other methods (such as direct, structural, or search-based navigation) it is a simpler mechanism that requires very little cognitive load or memorization, and is consistent across contexts. Users need keyboard access to all viewports and all enabled elements so that they can manipulate them, view them with screen magnifiers, or have them described by screen readers. The ability to move both forward and backward through the navigation order greatly reduces the number of keystrokes and allows the user to more easily recover from mistakes in overshooting a destination.

達成基準 2.2.1 の例：

• Sooj has a repetitive stress injury and cannot use a mouse. She cannot use a pointing device, so she moves the keyboard focus to the next enabled element by pressing the Tab key, and to the previous enabled element by pressing Shift+Tab. Within list boxes and radio button groups she uses the up and down arrow keys to move to the next and previous items.
• George is blind and uses a screenreader on his computer and the speech output and gesture features of his mobile phone. When completing a web form on his phone, he uses the swipe gesture to advance through the form. If George goes past the next form field, or wishes to return to a previous form field, he can use a gesture to go backward.

達成基準 2.2.1 に関連するリソース：

• 2.3.1 Direct Navigation to Important Elements
• The following is a non-exhaustive list of keyboard shortcut conventions for various platforms (from ATAG 2.0):
  • Desktop OS
    • GNOME Desktop on Linux:GNOME Human Interface Guidelines 3.4 - Keyboard Interaction
    • Mac OS: Mac OS X keyboard shortcuts
    • Microsoft Windows: Keyboard Shortcuts for Windows
  • Cross-OS environments
    • Eclipse: Eclipse Keyboard Shortcuts
    • Java SE: Java Look and Feel Design Guidelines: Keyboard Operations
    • Lotus Notes: Keyboard shortcuts in Notes 6.x and Notes 7.x

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser,add-on

達成基準 2.2.2 の意図：

Users need to be able to jump directly to next or previous viewports without having to visit every element in a viewport on the way to the next viewport. Not being able to jump directly can add an exorbitant number of navigation commands to operations that should be easy and efficient. Users need keyboard access to all viewports and enabled elements so that they can manipulate them, view them with screen magnifiers, or have them described by screen readers. The ability to move both forward and backward through the navigation order greatly reduces the number of keystrokes and allows the user to more easily recover from mistakes in overshooting a destination. This navigation can be among applications, windows, or viewports within an application. This includes the user agent's user interface, extensions to the user interface (e.g. add-ons), and content.

達成基準 2.2.2 の例：

• Sooj has a repetitive stress injury and cannot use a mouse, so she moves the keyboard focus to the next pane by pressing F6 or to the previous pane by pressing Shift+F6. She moves between tabbed document views by pressing Ctrl+Tab and Shift+Ctrl+Tab.
• Sooj has a repetitive stress injury and cannot use a mouse. She is working in her web browser, where one document window (viewport) is active (has the active keyboard focus). When she switches to her word processor, the web browser's window and its keyboard focus become inactive, and it hides its cursor. When Sooj switches back to the browser window, it reactivates that viewport, its keyboard focus becomes active again, and its cursor reappears in the same location as when she switched to a different application.
• Sooj has a repetitive stress injury and cannot use a mouse. A developer creates an add-on to a user agent that allows the user to add notes about each web page being visited. Sooj presses a shortcut key to move focus to the user interface of this add-on and interact with the functionality offered by the add-on. Similarly, Sooj presses another key to move focus back to the main viewport for the user agent in the same location as when she moved to the plug-in.

達成基準 2.2.2 に関連するリソース：

• 2.2.1 Sequential Navigation Between Elements for background information on the importance of sequential navigation.

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser

達成基準 2.2.3 の意図：

When the content author doesn't explicitly define a consistent tab order, the browser will provide one. Users need to have a mental map of where the focus will land when they press the Tab key or use other sequential navigation commands. If the focus jumps in seemingly random fashion, skipping up or down, it becomes impossible to use this method efficiently because users must stop, find the focus, reorient, and determine what direction they should proceed every time they press navigation keys. This is a particular problem for users with some cognitive limitations or whose disability makes input difficult, tiring, or painful. Content authors are expected to define a logical navigation order in their documents, but if they have not, this success criterion ensures that the order will at least be consistent between user agents.

達成基準 2.2.3 の例：

• Alec is filling out an HTML form. Because the form's author has not specified a navigation order using the tabindex attribute, when Alec presses the Tab key the focus moves to the next control in the order defined in the underlying HTML. This order is logical as long as the author is not using styles to change the visual order. Alec has the same experience completing this form on his mobile phone.

達成基準 2.2.3 に関連するリソース：

• WCAG 2.0 success criterion 2.4.3 Focus Order

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser

達成基準 2.2.4 の意図：

Users need a good mental map of the navigation sequence and behavior, and particularly need to know when they have started over again so they can maintain that mental map and not waste time and energy inadvertently revisiting information. This is a greater problem for users who have limited short-term memory, perceive a narrow field of vision, or use a screen magnifier, screen reader or small screen device. This also prevents people with mobility issues from having to use extra navigation commands.

達成基準 2.2.4 の例：

• Betsy has low vision. She is using a screen magnifier that only shows her a single line of text. She's navigating through a long list of unsorted items in a list box, searching for an entry that she does not realize is not in the list. Each time she presses the down arrow she is presented with the next item in the list. The list box wraps, so after she reads the final entry and presses the down arrow, she is once again presented with the first entry in the list. Unfortunately, it takes her a long time to realize that she's scrolling through the same set of items again and again. To avoid this, she can turn on an option to prevent wrapping, or have the user agent play a sound or display a message to indicate that it is wrapping back to the first item. This behavior should be under the user's control, because keyboard users who can see the entire screen may not want to be interrupted by a pop-up dialog box.
• Jeff has a mobility impairment. He uses gestures to navigate the page. When he reaches the last active element on the page there is an indicator that the end of the page is reached before changing focus (e.g. wrapping to the top, switching pages).

達成基準 2.2.4 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser

達成基準 2.3.1 の意図：

People who are blind or have mobility problems often find it difficult or impossible to use a mouse to move the viewport to, and focus on, important elements. Some other form of direct navigation – such as numbers or key combinations assigned to important elements – should be available. Direct navigation can be accessed via keyboard, which also supports other forms of input, such as gesture, speech and touch.

達成基準 2.3.1 の例：

• Mary cannot use the mouse or keyboard due to a repetitive strain injury. She uses speech input with a mouseless browsing plug-in for her browser. She is able to use the same plug-in on her smartphone. The plug-in overlays each link with a number that can then be used to directly select it (e.g. by speaking the command "link 12"). This prevents Mary from having to say "tab" numerous times to select a link.

達成基準 2.3.1 に関連するリソース：

• 2.2.1 Sequential Navigation Between Elements
• Mouseless Browsing Firefox Extension

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser

達成基準 2.3.2 の意図：

People who are blind or have mobility problems often find it difficult or impossible to use a mouse to move the viewport to, focus on, and activate important elements. Some other form of direct navigation – such as numbers or key combinations assigned to important elements – should be available. Direct navigation can be accessed via keyboard, which also supports other forms of input, such as gesture, speech and touch.

達成基準 2.3.2 の例：

• Mary cannot use the mouse or keyboard due to a repetitive strain injury, instead she uses voice control technology with uses a mouse-less browsing plug-in to her browser. The plug-in overlays each hyperlink with a number that can then be used to directly select it (e.g. by speaking the command "select link twelve"). This prevents Mary from having to say the word 'tab' numerous times to get to her desired hyperlink.
• Mary cannot use the mouse or keyboard due to a repetitive strain injury. On her mobile phone, Mary uses a single speech command to launch the app, rather than having to use multiple commands to page through screens to find the app icon and activate it.

達成基準 2.3.2 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

browser

達成基準 2.3.3 の意図：

For many users, including those who use the keyboard or an input method such as speech, the keyboard is often a primary method of user agent control. It is important that direct keyboard commands assigned to user agent functionality be discoverable, including in rendered content. If direct commands are not presented in content, many users will not discover them.

達成基準 2.3.3 の例：

• Fiona is blind. She uses an audio browser. When the system reads form controls in the rendered content, it reads the label of the form followed by the accesskey (e.g. "name alt plus n").
• Mary cannot use the mouse or keyboard. She uses speech input. She is composing an email and wants to attach a file. She sees Ctrl+Shift+A next to the link to attach a file. Mary says the command to add the attachment.
• Mary cannot use the mouse or keyboard. She uses speech input. When reading email on her tablet, Mary touches a control which opens a toolbar with a setting to display the accesskeys and other direct commands that the author created. She sees that a 3-finger swipe will delete the current email.

達成基準 2.3.3 に関連するリソース：

• 2.1.5 Follow Text Keyboard Conventions
• Mouseless & More for perceivable navigation and activation keys
• Accesskey shortcuts in Google Chrome and more
• Firefox hack to display "accesskey" keyboard shortcuts

適用対象：

UA ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

browser, media player, plugin

達成基準 2.3.4 の意図：

For many users, including those who use the keyboard or and input method such as speech, the keyboard is often a primary method of user agent control. It is important that direct keyboard commands assigned to user agent functionality be discoverable as the user is exploring the user agent. If direct commands are not presented in content, many users will not discover them.

達成基準 2.3.4 の例：

• Vlad is a keyboard-only user who uses a browser on the Mac operating system. When he needs to perform a new operation with the browser user interface, he searches for it in the menus, and notices that the menu item has a shortcut in the label (e.g. "Copy   ⌘+C"). This indicates the direct activation command he can use in the future to avoid having to traverse the menus.
• Amir uses ability switches to control an onscreen keyboard for the Windows operating system. When he presses the "Alt" key the available browser user interface accesskeys are shown as overlays on the appropriate user interface controls (e.g. "File with 'F' in an overlay").
• Neta has a repetitive strain injury. She relies on gestures and shortcuts to complete tasks. Using a specialized command on her mobile device, she can pull up an overlay of arrows and text showing all the commands that can be completed in that context. This allows her to learn new programs as efficiently as possible, making it less likely she will overtax her hands.

達成基準 2.3.4 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, media player, plugin

Intent of Success Criterion 2.3.5

People using a keyboard interface need the ability to remap the user agent's keyboard shortcuts in order to avoid keystroke conflicts with assistive technology, reduce number of keystrokes, use familiar keystroke combinations, and optimize keyboard layout (e.g. for one-handed use). This is important for people with dexterity issues where every keystroke can be time consuming, tiring or painful. It is also important for people using assistive technologies such as screen readers, where many keystrokes are already in use by the assistive technology. The goal of this success criterion is to enable the user to be in control of what happens when a given key is pressed, use the keyboard commands that meet specific needs, and save the modifications.

Content authors can use the Accesskey attribute to define shortcut keys that allow quick access to specific elements, actions, or parts of the web content. The author can select shortcuts that are different from what the user expects. Users who rely upon keyboard input may want consistent shortcut keys across the sites they visit.

Users should have the option to make any keyboard shortcuts be persistent across browsing sessions. The user should be able to save, import and export these settings.

User agents can also offer the user the option to automatically apply preferred key combinations for content that has author-specified accesskey bindings that are based on the associated text, label, or ARIA role. This overrides any author-specified keybinding.

達成基準 2.3.5 の例：

• Frank has repetitive strain injuries and uses speech input. He has defined standard commands to access commonly used parts of a website. For example, when Frank says "site search", the cursor jumps to the search field. If the author has assigned an access key that is not standard, Frank can override it and set the access key to a standard mapping so he can say the same search command across all the sites he uses.
• Laura types with one hand and finds keys on the left side of the keyboard easier to press. She browses to a web page and notices that the author has assigned access keys using keys from the right side of the keyboard. She opens a dialog in the user agent and reassigns the access keys from the web page to the left side of the keyboard. She also uses the user agent's preference settings to redefine its keyboard shortcuts in the same way.
• Laura types with one hand. On her mobile device, Laura maps common website actions to numeric shortcut keys. For example, she prefers to have the 1 key to activate a site's search function. An author of a site visited daily by this user defines "S" as the accesskey for the search function. Laura overrides the author-specified accesskey of "S" with "1".
• Elaine has low vision and is using a screen magnification program. The program uses Alt+M to increase the size of the magnified area of the screen. She notices that in her web browser, Alt+M is a access key for activating a home button that stops her from being able to control her magnification software. She opens a access key reassignment feature in the user agent, and sets Alt+O to be the new access key for the home button. Her screen magnification software now works correctly.
• George uses a screenreader. The screenreader uses Ctrl+F to read the item with focus. Since this is a common user agent command for Find, the user agent allows George to reassign the Find command to a non-conflicting key binding. The user agent provides a list of user interface features and default keyboard assignments with options for the George to assign new key combinations. George saves the user keyboard customizations the same way he saves other user preferences.

達成基準 2.3.5 に関連するリソース：

• Guideline 2.6 - Configure and store preference settings

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin

達成基準 2.4.1 の意図：

The find or text search function in a user agent allows the user to easily locate desired information in rendered content. People who read or navigate slowly or with difficulty due to a disability rely more heavily on the ability to search for text, rather than scanning or reading an entire document to find it. The ability to search alternative content allows screen reader users to find content they heard on their speaker. Users with hearing impairments use Text Search as an efficient method of jumping to specific points in a video. Users who find it difficult to use the mouse or keyboard and have to limit their physical operations will save movements using search.

達成基準 2.4.1 の例：

• Marvin has a dexterity impairment. He needs to move efficiently to specific text in the document. The user agent provides a local search function that is available using speech commands. Marvin says "find box," a text box with a search button appears. He speaks the word he is looking for, and says "enter", which executes the search function.
• Betty has low vision. She is attempting to create a user stylesheet for a site and needs to know the 'class' attribute value for navigation headers. Betty gets the source view of the current page and searches for the specific phrase used in a navigation list to find the class associated with the navigation element
• Joe has a distraction disorder. He is taking an online exam. He is working on the 6th question when he realizes he wrote something wrong in the essay on question 2. He uses the search function in the browser to find the text in error inside the textarea of question 2.
• Sam is a screen reader user. He wants to send the flow chart image on the page to a colleague. Sam searches for the word "flowchart" that he heard spoken as part of the 'alt' text for the image. He then uses the context menu to select the address of the image and sends it to his colleague.
• Agnes is deaf. She is watching a video with captions turned on. Agnes uses the search function to search through the captions and jump to the point in the video where the search term is located in the time line.
• Greta has a reading impairment. She is trying to efficiently locate some information in a large, detailed graphic. She is using a browser with native support for SVG. When Greta searches for a term, text within the SVG is searched along with the HTML content.

達成基準 2.4.1 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin

達成基準 2.4.2 の意図：

People who read slowly or with difficulty due to a disability rely more heavily on the ability to search for the text they're looking for, rather than scanning or reading an entire document to find it. Local find in a user agent allows the user to easily locate desired information in rendered content. The ability to search for alternative text content allows screen reader users to find content they heard on their speaker. Users with hearing impairment use text search as an efficient method of jumping to specific points in a video.

達成基準 2.4.2 の例：

• Gwen is blind. She's been reading through several different web pages and wants to quickly locate a phrase she has previously read. She guesses that it is past where her point of regard is in the current document. She uses the user agent search function to search forward in the document. When the search reaches the end of the document, it notifies her, and she realizes that the remainder of the article she is in doesn't contain that phrase.

達成基準 2.4.2 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin

達成基準 2.4.3 の意図：

It is important for the user to easily recognize that a search term has been found and that the term is revealed to the user in context. The user agent moves the viewport to include the found term and the term is highlighted in some fashion. The point of regard is the found element in the viewport. Any subsequent searches on the same term or other navigation tasks (e.g tabbing to the next anchor) begin from this point.

達成基準 2.4.3 の例：

• Jules has low vision and uses a magnified screen. She frequently searches for terms that appear multiple times in a document that contains a lot of repetition. It is important that the viewport moves and if necessary her screen scrolls after each search so she can easily track where she is in the document.

達成基準 2.4.3 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, media player, plugin

達成基準 2.4.4 の意図：

It is important for users to get clear, timely feedback so they don't waste time waiting or, worse, issue a command based on a wrong assumption. It is important during a search that users are informed when there is no match or that the search has reached the beginning of the document.

達成基準 2.4.4 の例：

• Dennis is blind and uses a screen reader. As soon as he gets a message that there is no match he goes on to search for something else, however, if he does not get a message he wastes time retrying the search to make sure the entire document has been searched.
• Dennis is blind and uses a screen reader. When he searches for a word in a web page and the search wraps to the beginning of the page, his computer beeps to alert him that the search has wrapped.

達成基準 2.4.4 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin

Intent of Success Criterion 2.4.5:

Authors frequently provide alternative content to meet web content accessibility guidelines. Users with disabilities may experience this as part of the content. The purpose of this success criteria is to ensure that text search allows users to locate this content, even if it is not visibly rendered.

達成基準 2.4.5 の例：

• Rhonda is easily distracted. She typically browses the web with images turned off so she sees alternative text rendered in place of images. She visits a favorite website on a friend's computer and wants to find a link to her favorite artist's photo gallery. She searches for the artist's name on her friend's computer. The alt text is not displayed, but the artist's image is highlighted because her 'text search' command has associated the alt text with the image.
• Tasina is hard of hearing and watches movies with captions on. She remembers a phrase in a captioned training movie that he wants to replay. He goes to the web page with the embedded movie. He types in the phrase in the "Find" box and the user agent moves to the point in the movie where the phrase is found.

達成基準 2.4.5 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser

達成基準 2.5.1 の意図：

Users who find it difficult or impossible to use the mouse require an efficient way to jump among elements without having to navigate through intervening content. Navigating by heading is especially important when scanning a web page to find a pertinent section. Navigating by table element is especially important when building or reading tables.

達成基準 2.5.1 の例：

• Jamie is blind and uses a screen reader. When he reads the New York Times he scans the headlines to find interesting stories. To do this he needs a way to go from headline to headline.
• Billie is a paraplegic who uses speech input to write long legal documents. When she is proofing a document she needs to scan each section header. It takes far fewer speech commands to navigate the section headers when she can jump directly to them. Billie also makes extensive use of tables. It takes far fewer speech commands to navigate tables when she can jump directly among elements. Direct navigation to headlines and table elements allows her to do her job without overusing her vocal cords and within required time constraints.
• Celia has short-term memory issues and is easily distracted. When looking for any particular section of the document, she finds it easier to scan through headings by jumping from heading to heading rather than having to scan through an entire page of potentially distracting text. Celia also finds it useful to be able to move from a subheading to a major heading and back to orient herself within the context without becoming confused.
• Armand is blind. When he reads a long web page on his iOS smartphone, Armand navigates from heading to heading using the Rotor commands on his phone.

達成基準 2.5.1 に関連するリソース：

• None

適用対象：

構成設定

一般的な実装対象：

operating system, browser, media player, plugin, add-on, web-based user agent (readers, players)

達成基準 2.6.1 の意図：

When a user has customized settings within the user agent to maximize accessibility, customization is saved between browsing sessions. The user can automatically use those settings in subsequent browsing sessions.

達成基準 2.6.1 の例：

• Lynn has moderately low vision. She sets the default zoom level, font size, and colors to make pages easier for her to read. Because those settings are persistent, she doesn't have to manually restore her settings every time she starts the browser.
• Brian is a quadriplegic who uses speech input. He has to adjust settings in his browser to make it fully compatible with his speech input system. It's difficult for him to adjust these settings, since he can't fully operate the browser until it's complete. Once his browser is configured this way, he relies on it staying in that configuration even if he upgrades the browser or restarts his system.
• Betty has low vision. She customizes her mobile browser's color and font settings to make text much easier to read. Her browser incorporates a cloud-based profile so she can retain her settings across her browsing sessions and her desktop and tablet browsers.

達成基準 2.6.1 に関連するリソース：

• 5.1.3 Implement Accessibility Features of the Platform

適用対象：

構成設定

一般的な実装対象：

operating system, browser, media player, plugin, add-on, web-based user agent (readers, players)

達成基準 2.6.2 の意図：

For some users, it may be difficult to easily recall all modified settings. Others may find it difficult to navigate to each modified setting, especially if a particular setting impacts their ability to do so. Users who customize settings may find that their chosen settings are not suitable and decide to restore these settings to default values. This success criteria allows a user to easily restore all preference settings to default values using a single function or action.

達成基準 2.6.2 の例：

• Ron is blind. He accidentally changes a browser setting that makes his browser incompatible with his screen reader, preventing him from changing it back. He restarts his browser using a command line option that starts in the default configuration. From there he can adjust the setting that caused him problems.
• Kathy has repetitive stress injuries which makes it painful to for her to experiment with settings. She accidently turns on a zoom feature on her smartphone and cannot figure out how to turn it off. She gestures to navigate to the preferences menus and selects a command to reset preferences to default.

達成基準 2.6.2 に関連するリソース：

• 3.1.2 Settings Changes can be Reversed or Confirmed
• 5.1.3 Implement Accessibility Features of the Platform

適用対象：

構成設定

一般的な実装対象：

operating system, browser, media player, plugin, add-on, web-based user agent (readers, players)

達成基準 2.6.3 の意図：

Some users may need to change their setting preferences under circumstances such as varying levels of user fatigue, changes in environmental noise, or changing lighting conditions. Providing an easy method for saving and switching between sets of preferences helps the user complete intended tasks.

達成基準 2.6.3 の例：

• Hiroki has low vision. When he is carrying his tablet computer he operates it with the built-in touchscreen. When at his desk he links it to a Bluetooth keyboard and mouse, and redirects the display to a large computer monitor. The browser allows him to quickly switch between different configurations for different environments.
• Davy has moderately low vision and must adjust the contrast of media to different levels for day and night. Because this requires a multiple steps, he has two user profiles, one for each environment.
• Aaron has repetitive strain injury. He usually uses a keyboard and mouse, but when his repetitive strain injury is bothering him he prefers to use the keyboard and avoid using the mouse as much as possible. At those times he uses his browser's user preference profiles to load a different configuration that’s optimized for the keyboard.

達成基準 2.6.3 に関連するリソース：

• 5.1.3 Implement Accessibility Features of the Platform

適用対象：

構成設定

一般的な実装対象：

browser, media player

達成基準 2.6.4 の意図：

Users with disabilities may not be able to use a user agent in a particular configuration. This can occur during setup when default settings don't meet their needs, or after someone changes an option. If users cannot change the settings from the user interface, they need a way to adjust or reset those options from outside the user agent. The user agent can accomplish this in multiple ways including detecting and implementing the platform accessibility settings, providing an external file to modify, providing access to settings from a separate utility program, providing accessibility options in the installation program, or providing command-line switches to change the user agent's behavior.

Note: User agents are encouraged to allow all user preferences to be adjusted.

達成基準 2.6.4 の例：

• Aosa is blind. Her web browser is incompatible with her screen reader unless she changes one of the browser's advanced settings. Because she cannot activate and use the appropriate dialog box until the setting is changed, she needs to start the browser using a dedicated command-line switch that changes the behavior.
• Bintu is deaf and enjoys watching captioned videos. Since different video players may not have accessible settings, she sets her browser to always display captions, knowing the video player will respect the browser's request to display captions. In this way the options in one user agent (the embedded video player) are set outside its user interface by being set in another program (the hosting browser).
• Sasha requires high contrast to be able to discriminate the shape of letters. She has set the accessibility preferences on her computer to use high contrast mode. When she launches her browser, it detects that she is using high contrast and adjusts the font and color settings for its user interface to reflect those settings.
• Justin has an attention deficit disorder. He is setting up his new e-book reader and is interrupted while setting the default font colors. He accidentally sets his background and font color to white on white. He can't read the settings screen to recover his default settings, so he exits the reader and follows the instructions on the vendor's website to edit the "settings.ini" file to adjust the colors. He restarts the reader with the corrected color settings.
• Jan is easily confused by new interfaces. Using the screen reader capabilities on her mobile phone she changes the interface of the updated browser, then can't figure out how to undo them. She uses an app from the browser developer to reset the browser settings to default.

達成基準 2.6.4 に関連するリソース：

• 5.1.3 Implement Accessibility Features of the Platform

適用対象：

構成設定

一般的な実装対象：

browser

達成基準 2.6.5 の意図：

Configuring a user agent can be a complex and time-consuming task. Some users hire assistive technology professional trainers to do their system setup. Users who have spent time customizing accessibility preferences to meet their requirements need to migrate preference setting to other compatible devices. Schools and universities also need to maintain accessibility settings across multiple machines.

達成基準 2.6.5 の例：

• Lori is a rehabilitation specialist who works with clients to customize electronics and assistive technology to their needs. She sets up a new system for Ray, and saves a backup of the accessibility setting for Ray and for herself. She keeps electronic backups of her clients' configurations that she can quickly email to them if they lose their settings.
• Ray is blind and uses a screenreader on his desktop and a voice application on his phone. He sets up web-based email application accessibility preferences on his phone. The preferences are automatically reflected in the desktop version of that web-based email application.
• Trisha is a 4th grader with low vision. When she changes classrooms, she carries a USB stick containing her accessibility settings so she and her teachers do not have to use class time customizing her computer.
• Betty has low vision and has a highly customized color palette defined in her browser. She saves her customizations to a cloud-based storage service, so her preferences can be transferred to the other desktop and mobile browsers that she uses.

達成基準 2.6.5 に関連するリソース：

• 5.1.3 Implement Accessibility Features of the Platform

適用対象：

UA ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, media player, plugin, web-based user agent (readers, players)

Intent of Success Criterion 2.7.1:

The user needs to control which user interface elements are visible and usable, where elements are visually located on the screen, and where elements fall in the navigation order. In some cases adjusting whether an element is visible and usable can involve installing or uninstalling a component — or merely showing or hiding it — depending on the user agent and the specific component.

This can reduce keystrokes, bring buttons into view that are hidden by default or otherwise allow the user to interact with the user agent in a more efficient fashion. Users with dexterity impairments or mobility impairments can have problems making the large movements required to select between non-adjacent controls which they need to use frequently. Similarly, users with low vision can have to move their magnified view-port excessively to see frequently used controls. Enabling these controls to be situated together removes some of the strain faced by these users, and increases productivity as task completion times are decreased.

達成基準 2.7.1 の例：

• Martin accesses the computer by pressing keys with a stick held in his mouth. He gets around the user agent with taps on the tab and arrow keys. The button for printing a web page is the last button on a toolbar. This button requires six presses of a right arrow key. This is the only button Martin uses on the toolbar. Using a preferences dialog, Martin is able to configure this toolbar to only show the Print button, reducing the number of time he must press with his mouthstick.
• Laura has one hand. When she holds her mobile phone in her left hand, she must use her thumb to press the controls. She configures her mobile apps so that the toolbars are at the left side or the bottom, so she can reach them.
• Caraway has a repetitive strain injury. She uses speech input. The speech program automatically clicks toolbar items that she speaks. In programs she uses a lot she removes toolbars that she doesn't use in order to reduce the probability that the speech program will interpret text input as a toolbar command and click something Caraway does not intend.
• Zelda has a brain injury that leaves her easily confused. She reorders the toolbars in her web-based word processing and layout programs so that the text color and highlight color icons are in the same order and she can rely on habit to click the correct button no matter what program she is in. Without this ability to reorder she finds herself constantly clicking the wrong button because they are configured differently by default in the different programs.
• Devon is easily distracted. In programs he uses frequently, he removes toolbars he does not use in order to cut down on distractions.
• Sally has memory issues that make it difficult to memorize keyboard shortcuts. She has aligned the keyboard shortcuts in several programs so she doesn't have to memorize as many shortcuts. She reminds herself of keyboard shortcuts by hitting a key that gives her a list of keyboard shortcuts in the current program.
• Linda has rheumatoid arthritis and finds it difficult to perform the pinch gesture that's commonly used to zoom on mobile phones. She changes the default gesture for zooming to a gesture she can more easily do. Linda's left hand is less damaged than her right hand. She moves a common control from the right side of the screen to the left side of the screen to make it easier to access with her left hand.
• Jennifer is blind. She sometimes configures apps on her friend Linda's mobile phone. When Jennifer picks up Linda's mobile phone, she turns on the built-in screen reader so she so she can quickly find her way around Linda's phone. When Jennifer is done, she changes the controls back to Linda's original settings.

達成基準 2.7.1 に関連するリソース：

• WAI-ARIA

適用対象：

UA ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

operating system, browser

達成基準 2.8.1 の意図：

People who use assistive technology and those who require more time to read, understand, or act upon content (e.g. individuals with reading disabilities or non-native readers of the presented language) should be able to extend or override any content or author imposed presentation or interaction time limits.

達成基準 2.8.1 の例：

• Hildreth has severe arthritis, which affects her computer navigation. She sometimes clicks accidentally, and she needs more time to navigate. When she clicks Exit on her web browser, it displays a message box asking if she is sure she wants to exit, with a timer saying she needs to respond within 10 seconds. Hildreth changes the settings in her user options to turn off this timeout so she has adequate time to respond.
• Susie reads slowly. When she hovers her mouse over a link to see a pop-up showing the destination of the link, the popup ordinarily disappears after two seconds, which is not enough time for her to read it. She turns off this timeout, allowing her to hover the mouse for as long as she needs to read the text before moving it to allow the pop-up to disappear.

達成基準 2.8.1 に関連するリソース：

• Guidance on Applying WCAG 2.0 to Non-Web Information and Communications Technologies (WCAG2ICT)required behaviors for time limits

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

browser, media player, plugin, web-based user agent (readers, players)

達成基準 2.9.1 の意図：

Seizures due to photosensitivity can occur when there is a rapid series of general flashing, or a red flash. A potentially harmful flash occurs when there is a pair of significantly opposing changes in luminance. A transition to or from a saturated red is potentially harmful irrespective of luminance.

達成基準 2.9.1 の例：

• Koa has photosensitive epilepsy. He checks a game website that has just added a flashing red icon to advertise their newest product. Because his browser's default configuration protects him from harmful flashing, the potentially harmful flashing does not occur on his machine.
• Koa has photosensitive epilepsy. He visits a weather web site that uses flashing to indicate a tornado warning. In order to avoid triggering seizures, the flashing is limited to fewer than three times per second, and, to be extra cautious, it is not red.

達成基準 2.9.1 に関連するリソース：

• ITC Guidance Note for Licensees on Flashing Images and Regular Patterns in Television
• WCAG 2.0: 2.3.1 Three Flashes or Below Threshold

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

browser, media player, plugin, web-based user agent (readers, players)

達成基準 2.9.2 の意図：

Seizures due to photosensitivity can occur when there is a rapid series of general flashing, or a red flash. People who are particularly sensitive to flashing can be harmed by any level of flashing. 2.9.2 has the same effect as 2.9.1, going further to ensure that more sensitive users can traverse the web without potentially harmful effects.

達成基準 2.9.2 の例：

• Alfred has photosensitive epilepsy and is particularly sensitive to flashes. He checks a game website that has just added a flashing red icon to advertise their newest product. His browser's default configuration protects him from all flashing, so the potentially harmful flashing does not occur on his machine.

達成基準 2.9.2 に関連するリソース：

• WCAG 2.0: 2.3.3 Three Flashes
• 2.10.1 Time-Based Media Load-Only
• 2.10.5 Stop/Pause/Resume Time-Based Media

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, media player, plugin, web-based players

Intent of Success Criterion 2.10.1:

Users who need to avoid signals that can trigger seizures, users who are easily distracted, and users who have difficulty interacting with the controls provided for playing media need to be able to load media in a paused state. The user agent provides a global control that sets a state equivalent to "paused waiting for user interaction" for all recognized media when a page loads. The user has a global option to set autoplay to off or paused until the user activates "play". The user agent provides a visual or auditory indicator that the video is in paused state and needs user interaction to start. This prevents media from playing without explicit request from the user.

When the media is not in the actual document, but rather has been created with document.createElement('audio'), the user agent does not recognize that the media exists and cannot give a visual indication by default. In this case, it is up to the author to provide the controls. See WCAG in resources below.

達成基準 2.10.1 の例：

• Jill is blind. She browses the web using a screen reader to listen to the text of web pages. She navigates to her favorite shopping site and is greeted with trumpets blaring and an announcer shouting "Sale, sale, sale!" The audio is so loud that she can no longer hear the web page content. Jill closes her browser and changes a setting titled Play Audio on Request to yes and visits her shopping site again. This time she can read the content and when she is ready plays the audio and smiles, thinking of the deal's she is about to find.
• Jamie has epilepsy that's triggered by certain types of audio. She sets her browser so content does not play automatically so she can avoid audio that could trigger her epilepsy.
• Kendra has photo-epilepsy. She sets her browser so content does not play automatically so she can avoid flashing content that could trigger her photo epilepsy.

達成基準 2.10.1 に関連するリソース：

• Guideline 2.9 - Help users avoid flashing that could cause seizures.
• HTML5 4.8.10.8 Playing the media resource
• WCAG 2.0 - 1.4.2 Audio Control

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, plugin, add-on

Intent of Success Criterion 2.10.2:

Documents that do things automatically when loaded can delay, distract, or interfere with user's ability to continue with a task. Replacing executable content like embedded objects, applets and media with a placeholder tells the user what has been blocked and provides a mechanism (e.g. a play button) for unblocking when the user is ready.

Note: A placeholder should take up the same space as the object it is replacing, so that the presentation doesn't need to be reflowed when the execution is started. However, people using mobile devices or screen enlargers, or those who have difficulty with scroll commands can benefit from having the option of a smaller placeholder.

達成基準 2.10.2 の例：

• Jane has difficulty concentrating. In order to concentrate on the text of a document she hides multimedia content and only triggers execution of that content by clicking on the placeholder.
• Evan is blind. He sets the option in his browser so that when a web page loads it does not automatically run an executable object. This way any or music or speech they play won't interfere with his ability to hear his screen reader. When he is ready to hear it, he navigates to the placeholder and presses the Enter key to activate it.
• Evan has configured his mobile phone so that any audio or video file displays a placeholder with a triangle "play" icon. That allows him to control when the audio or video starts.

達成基準 2.10.2 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, plugin, add-on

達成基準 2.10.3 の意図：

Documents that do things automatically when loaded can delay, distract, or interfere with user's ability to continue with a task. The user needs to be able to specify that executable content (e.g. scripts) be blocked when a document loads, be told which content has been blocked, and be able to selectively execute the content at a later time.

Note: Although some web applications and document can be empty until scripts are run, it is important for users to have this level of control.

達成基準 2.10.3 の例：

• Jane has difficulty concentrating. In order to concentrate on the text of a document she wants to prevent animations, media, or dynamic content from executing until she is ready. An icon on the status bar tells her that scripts have been blocked. She can click on it to select which scripts to run.
• Evan is blind. He sets an option in his browser so that when a web page loads it does not automatically start running scripts that might play sounds that would interfere with his ability to hear his screen reader. An icon on the status bar tells him that scripts have been blocked. He can activate it to select which scripts to run.
• Pavel has low vision, and his browser is set to show extremely large text. He needs to click a control on a web page, but when he moves the pointer over it a script inserts explanatory text onto the page. The large font size causes the control to shift out from under the pointer, making the new text disappear. When the text disappears, the control moves back under the mouse, and the cycle repeats. As the page flickers, Pavel is unable to click on the control. To work around this problem he uses a browser command to temporarily disable scripts on the page so he can click the control and complete his task.

達成基準 2.10.3 に関連するリソース：

• Enable or Disable Tracks is included as part of 1.1.1 Render Alternative Content

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser, media player, plugin, web-based players

達成基準 2.10.4 の意図：

Users with sensory and cognitive impairments can have difficulty following or understanding spoken audio at the normal playback rate. If users can slow down the audio presentation of speech while maintaining the pitch or frequency characteristics, they are better able to follow the spoken content. Users with learning disabilities can be distracted or otherwise unable to follow complex animations or instructional video. With the presentation slowed, users can better observe the visual events of the animation. User can also want to slow down the media if they are taking notes, and do so slowly because of language or dexterity impairments.

Some users with visual impairments prefer faster speech rate on their screen readers or digital audio book players. The ability to speed up the audio while maintaining pitch allows those users to skim spoken audio without loss of understandability.

達成基準 2.10.4 の例：

• Timo experienced a traumatic brain injury and has difficulty comprehending speech. When listening to episodes of his favorite podcast on the web, he slows down the audio by 50% and is able to understand the interviewer's and guest's question and answer session.
• Anu is a blind university student who has grown up with digital talking book players, and regularly listens to spoken audio at 200% of normal speaking rate. In studying for exams, she reviews the online lecture videos from her History course, adjusting the presentation rate to 200% on the web video player in order to quickly review the material. She slows the presentation to normal rate when she encounters material she needs to review carefully.
• Perttu has a learning disability and requires a longer time to follow instructions. He likes to cook and is watching a cooking demonstration on the web. When the instructions go by too quickly, he slows the video player to half speed.

達成基準 2.10.4 に関連するリソース：

• WAI-ARIA
• Enable or Disable Tracks is included as part of 1.1.1 Render Alternative Content

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, web-based players

達成基準 2.10.5 の意図：

Users with sensory, attention, or cognitive impairments can have difficulty understanding multimedia content. When users are able to control the presentation rate of time-based media by stopping, pausing, and resuming, they have enough time to understand or act upon presented content, or to stop potentially distracting or harmful content.

達成基準 2.10.5 の例：

• Adam reads more slowly than average because of his dyslexia. He's watching a video of a lecture. When the video shows slides, he presses the space bar to pause the video so that he can read the text at his own speed. When he's ready to continue, he presses the space bar again to resume the video.
• Angelica can have audio-induced seizures. She uses a website to watch and listen to user-contributed podcasts. When she realizes the level of white noise in a particular soundtrack is likely to trigger a seizure. She quickly clicks on the player's "stop" button (or presses the equivalent keyboard command) and the noise is instantly discontinued.
• Allesandro finds it impossible to ignore visual changes. Unnecessary animations make it very difficult for him to read or interact with other content on the screen. When he's reading an article on a newspaper website and finds an animated advertisement or moving text of a news ticker distracting, he chooses the appropriate command to stop all animations.
• Amaryllis is blind and is listening to streaming audio on a web page. When she responds to an incoming email message she uses a keyboard command to pause the audio, which would otherwise interfere with her ability to hear her screen reader.

達成基準 2.10.5 に関連するリソース：

• WAI-ARIA
• Enable or Disable Tracks is included as part of 1.1.1 Render Alternative Content

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, web-based players

達成基準 2.10.6 の意図：

Users with sensory, cognitive or attention impairments can find it difficult to understand or follow time-based media. This success criteria allows users to position within the timebase to review content or to skip content that can be distracting.

達成基準 2.10.6 の例：

• Jared has a print disability that makes it laborious to read text. He is watching a technical training video which will display section objectives or summary questions as text. When the text flashes by too quickly for him to read, he presses a key command to skip back an increment so he can read the text. He pauses the video if more time is required.
• Debbie has difficulty with bright or flashing video. When she encounters a flashing transition in a video, she quickly presses a key command to forward the video past the flashing, then carefully uses the slider to adjust the video back to the start of the next section so she can avoid the flashing material.

達成基準 2.10.6 に関連するリソース：

• WAI-ARIA

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, web-based players

達成基準 2.10.7 の意図：

Users need to be able to navigate time-based media in ways that are more meaningful than arbitrary time increments.

達成基準 2.10.7 の例：

• Marka is blind. She is listening to a video of an hour-long lecture. The section she is in has technical information that builds on material from an earlier section. A sighted user could pause the video and move the slider back to reach visually distinct content from earlier section. Marka uses a control to skip back section by section until she hears the section title name she wants to review. When she is finished, Marka uses the control to move forward section by section until she hears the title of the original topic.
• Wes has fatigue injury that limits the length of his computer sessions. He stops playback of a training video when he is tired. After resting, he restarts the video and navigates to the scene where he left off.

達成基準 2.10.7 に関連するリソース：

• WAI-ARIA
• Enable or Disable Tracks is included as part of 1.1.1 Render Alternative Content

適用対象：

コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

operating system, browser, media player, plugin

達成基準 2.10.8 の意図：

Users with certain types of low vision need to control contrast and brightness of time-based media so they can discern the content. Users who are prone to seizures need to be able to reduce or dim contrast and brightness to protect themselves from seizures caused by flashing content.

達成基準 2.10.8 の例：

• Frank has albinism. He requires a higher contrast to discern a video image. When Frank is watching an instructional video, he selects a menu item that allows him to increase the contrast of the video. This makes it easier for him to see the important content.
• Kelly has photo-epilepsy and is watching an amateur video taken on a sunny day near the water. Concerned that the video can contain flashing that could trigger a seizure, Kelly selects a menu item of video controls that allow her to reduce the brightness and contrast of the video. While some of the detail is lost, Kelly can safely watch the video.

達成基準 2.10.8 に関連するリソース：

• WAI-ARIA

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player

Intent of Success Criterion 2.11.1:

If the platform does not support text, the user agent provides a mechanism for text input as well as all other input device controls. Some users rely entirely on pointing devices, or find them much more convenient than keyboards. These users can operate applications much more easily and efficiently if they can carry out most operations with the pointing device, and only fall back on a physical or on-screen keyboard as infrequently as possible. If the platform provides the ability to enter arbitrary text using a device (such as large vocabulary speech recognition or an on-screen keyboard utility), the user agent is required to support it per Success Criterion 2.11.1. If the platform does not provide such a feature, the browser is encouraged to provide its own.

達成基準 2.11.1 の例：

• Ruth has extremely limited motor control and slurred speech, so operates her computer using a head pointer. The mouse pointer moves in response to the orientation of her head, and she clicks, double clicks, or drags using a sip-and-puff switch. The operating system does not provide an on-screen keyboard, but in order to be maximally accessible, a small on-screen keyboard is available as an add-on for her browser.
• Randall has a web browser on his smart phone that allows him to perform most operations using speech commands. By offloading the speech recognition to an Internet server, it is able to perform large vocabulary speech recognition, so Randall can use his voice to compose email and fill in forms, as well as controlling the browser itself.
• Rick is paralysed from the neck down. He uses eyeblinks to control an onscreen keyboard. His user agent supports the APIs used by 3rd party eye blink applications.

達成基準 2.11.1 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, web-based user agent

達成基準 3.1.1 の意図：

Users who are blind, have visual impairments, or have cognitive disabilities can have difficulty determining the location of the keyboard focus. This puts them at risk of entering text in an undesired window or location. Users with mobility problems can have difficulty selecting a form field and can not notice an incorrect selection until they have entered text information. These users need to be able to reverse a text entry ("Undo") prior to submission.

達成基準 3.1.1 の例：

• Billie is a paraplegic who uses speech input. When she is working from the main office, she is in a noisy location that can interfere with her speech input. She is writing a blog entry and is almost finished when her speech input software incorrectly interprets some background noise as a "select all" command. This causes her to overwrite her entire blog entry with the next phrase she utters. She then uses the "undo" command to reverse the text entry and restore her blog entry.
• George is blind and uses a screenreader. He is entering financial information into his banking billpaying account. He types the first few letters of the payee from a long list. When George reviews the selection prior to pressing "submit", he hears that he had selected the wrong payee. George uses the "undo" command and selects the correct payee.

達成基準 3.1.1 に関連するリソース：

• None

適用対象：

構成設定

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent

達成基準 3.1.2 の意図：

The description of some user interface settings can be confusing to less technical users. Settings changes can also have unintended consequences. In addition, some disabilities make it more likely that a user can make an unintended selection on a preference screen. Users need to be able to reverse changes to the user interface.

達成基準 3.1.2 の例：

• Davy has moderately low vision. He is adjusting the contrast of the background on his mobile phone when he accidentally selects a white background with the previously selected white text. This causes all the icon labels to disappear. He can see a highlighted rectangle on the screen that usually contains the word "undo" when he makes a change on his phone. He selects that box and the dark background returns, so he can now read the text. He then changes the background to a color with sufficient contrast for comfortable reading.

達成基準 3.1.2 に関連するリソース：

• Guideline 2.6 - Configure and store preference settings

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, media player

達成基準 3.1.3 の意図：

Users need to know that their actions are producing results even if there is a time delay. Users with limited ability to interact with a device need a passive indicator of progress. Users who cannot see visual indications need to have feedback indicating a time delay and have an idea of where they are in the retrieval process. This reduces errors and unnecessary duplicate actions.

達成基準 3.1.3 の例：

• Larry has severe repetitive strain injuries and is limited to typing for only a short period of time every day. He downloads a long document, in which he wants to search. He periodically checks the progress bar to make sure it is fully downloaded before running his search.
• Jennifer is blind and uses a screen reader. She clicks on a link that is downloading a large file. The user agent displays a programmatically available progress bar. If the progress stops, the user agent displays a message that it has timed out.
• Jennifer is blind and uses a screen reader. She purchases an item from a online shopping cart and is waiting for confirmation. The user agent displays a programmatically available message that it is waiting for a response from the server. If the process times out, the user agent displays a message that the purchase has timed out.

達成基準 3.1.3 に関連するリソース：

• 4.1.2 Expose Accessible Properties

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser

達成基準 3.1.4 の意図：

Users with various disabilities benefit from spell checkers. The ability to check spelling is particularly important for users with disabilities such as dyslexia that significantly increase the likelihood of misspelled words. Spellcheckers also alert blind and low vision users to errors in text entry.

Spell checking is only expected in editable text in content, most commonly text input controls and form fields. It is not required on text input fields that are part of the UA user interface, such as an address bar or File Open dialog box. Spell checking is also not required on static, read-only, or disabled text elements, controls, and fields in content, except when they display text the user can edit indirectly (e.g. static text that the user can alter using nearby buttons), or when the user agent is in an authoring mode that allows the user to edit text that would otherwise be static.

Spell checking should be available regardless of how the text was entered. For example, text can be entered by the user typing, pasted from the clipboard, initialized by the content (e.g. the HTML value attribute), set programmatically by scripts or assistive technology, or filled in by a feature of the user agent itself (e.g. auto-complete). Spell checking which highlights unrecognized words as they are entered is preferred over requiring the user to use a separate tool or editing pass. Spell checking should be optional, so that it can be avoided by users who find it too distracting, or for whom the highlighting makes the text less legible.

Note: It is recommended that user agents also provide assistance with grammar, as well as spelling. Grammar can pose more difficulty than spelling for people with some cognitive disabilities or whose native language is signed.

達成基準 3.1.4 の例：

• Amanda is dyslexic and frequently spells words incorrectly. She is able to correct words when alerted to the errors. She navigates to her web-based email application and composes a new message. The user agent alerts her to spelling errors as she is typing and she quickly corrects the mistakes and sends an error-free message.

達成基準 3.1.4 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser

Intent of Success Criterion 3.1.5:

Retracing a navigation step is important for users with cognitive issues that involve memory and attention. This is also important for users whose means of input is not 100% accurate, such as speech input users or users with fine motor challenges. It is also beneficial for users for whom navigation is time consuming, tiring, or painful, because it allows them to avoid having to re-enter long URLs. The Back feature is a part of the UA user interface instead of the rendered content, however, authors should not "break" the Back button by disabling it, or creating sequences of web pages that would cause an error if the Back button were used.

達成基準 3.1.5 の例：

• Joe is a quadriplegic who is using speech input in a relatively noisy room. The program hears an especially loud word from across the room and interprets it as Joe saying "Enter" to click a selected link. Joe says "Go Back" to go back to the page he was on.
• Mike's head injury leaves him easily distracted. He is in the middle of a search when the phone rings. When he comes back he selects the Back button to go back to the original search page so he can reorient himself.
• Ellen had a head injury that affects her short-term memory. She clicks on a link, and is interrupted by a colleague. When she goes back to her task she has forgotten what she was originally doing. It's important that she be able to retrace her steps to reorient herself using the history feature of the browser user interface.
• Etta has moderately low vision and doesn't use assistive technology. She occasionally clicks on the wrong link. When she does so, she clicks the Back button in order to get back to where she had been.

達成基準 3.1.5 に関連するリソース：

• 1.8.9 Provide Viewport History

適用対象：

コンテンツ ユーザー インターフェース, 構成設定

一般的な実装対象：

browser

達成基準 3.1.6 の意図：

Users need to be protected against accidentally submitting a form. Some assistive technologies use the Enter key to advance to the next field. If the form is designed to submit on Enter, the user can unknowingly "submit on Enter" function.

達成基準 3.1.6 の例：

• Marka is blind and uses a screenreader. When she installs a web browser she selects an option to disable form submission on Enter. This allows her to complete forms from the banking website knowing that the form won't be submitted until she selects the submit button.
• Ryan uses a mouse but his hand tremor makes him more likely to accidentally miss his intended target. Cancel and Submit (or OK) buttons are often next to each other, and Ryan has found that submitting a form inappropriately can cause serious complications, so he sets a browser option to always request confirmation of form submissions. As a result, when he clicks on a submit button the browser presents a message box asking "Are you sure you want to submit this form?" with larger, well-spaced buttons for Submit and Cancel.

達成基準 3.1.6 に関連するリソース：

• 2.1.1 Keyboard Operation
• 3.1.1 Text Entry Undo

適用対象：

コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

browser, add-on

達成基準 3.1.7 の意図：

Users with various disabilities benefit from auto-fill functionality, including people who type slowly and people who have difficulty with letter/number order.

達成基準 3.1.7 の例：

• Michael is dyslexic and frequently spells words incorrectly, including his name and email address. Auto-fill reduces the number of fields he must fill out in on-line forms.

達成基準 3.1.7 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, add-on

達成基準 3.1.8 の意図：

Users who need to fill out a form over several sessions or who accidentally leave a page before a form is fully filled out need to have a way to pick up where they left off rather than having to start over again. Having the ability to retrieve a partially or fully filled out form field helps these users more successfully fill out forms. Users who have trouble remembering what they filled out need to be able to look it up. One way to provide that is through locally saved history that includes saving the form field entries.

達成基準 3.1.8 の例：

• Bruno tires easily. He begins to fill out a long form, but cannot finish. He lies down to rest, and the form times out. When he comes back the browser offers to restore the locally saved session. He opts to restore the session, and goes on to fill out the rest of the form at the point where he left off. This ability allows Bruno to fill out long forms even though he can't maintain focus for the full amount of time it takes to fill out the form, and even if the form times out.
• Marjorie has severe arthritis and uses speech recognition software. Occasionally the software mishears what Marjorie says as a command she doesn't intend. She is half way through filling out a complicated form that includes many comments when the software interprets some of the words she is saying as a command to go to a different page. When she recovers from the speech input error by returning to the page a few seconds later the browser displays the form from the browser history with the data Marjorie has previously entered, but not submitted. She opts to restore the session, and goes on to fill out the rest of the form at the point where she left off rather than losing her work.
• Lara is very forgetful. She remembers that she filled out a form to comment on software she uses, but cannot remember if she included a certain comment. She retrieves the form field from her browser and checks it to remind herself. She also opts to permanently save a copy of the page that includes the form field data in case she wants to check it again.

達成基準 3.1.8 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent

達成基準 3.2.1 の意図：

People with disabilities need documentation in a format that is accessible. If provided as web content, it must at least conform to WCAG 2.0 level "A." If the document is not provided as web content, it must be in conformance to a published accessibility benchmark.

達成基準 3.2.1 の例：

• Randall has repetitive strain injuries. His injuries make it painful to sit at the computer for long periods of time. When exploring a new program, he will often print out the documentation to read while away from his desk. This allows him to be more efficient, and learn new programs without having to spend as much computer time.
• Lee has low vision. When she upgrades her user agent, she wants to see if any features she relies on have changed. She opens the HTML help documentation and pleased to see that the documentation is using her preferred settings.

達成基準 3.2.1 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent

達成基準 3.2.2 の意図：

Some users with disabilities will need help in determining how to use the accessibility features that user agents provide. There are four possibilities:

1. This information is provided in the documentation of the user agent (e.g. help system, context sensitive help, etc.);
2. The user interface element is self-explanatory (e.g. a zoom % drop-down menu);
3. The accessibility feature is actually a service of the platform (e.g. high contrast mode), which therefore has the responsibility to document the feature; or
4. The feature is not used directly by users (e.g., passing information to a platform accessibility service). In this case, user documentation is not required, although developer documentation (e.g. how accessibility services are used, the user agent's own plug-in API) would still be recommended.
   

達成基準 3.2.2 の例：

• Lee has low vision. When she installs a new user agent, she checks the accessibility documentation to see if the features she needs are available. She finds section entitled "Browser Features Supporting Accessibility", which provides a detailed description of user agent features that provide accessibility, describes how they function, and lists any supported third party assistive technologies that can be supported or required.
• Lee has low vision. She is exploring the menus of her user agent and finds a feature named "Use My Style Sheet". She clicks "help" to learn that this feature allows custom CSS stylesheets to be created to help make web content more accessible.
• Neta has a repetitive strain injury. She relies on gestures and shortcuts to complete tasks. Using a specialized command, she pulls up a list of all the gesture commands available including descriptions.

達成基準 3.2.2 に関連するリソース：

• 3.2.5 Centralized View

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent

達成基準 3.2.3 の意図：

It should always be easy to ask and receive help. The Help icon should be available to every screen, and that icon takes the user directly to relevant "how to use these features" or instructions. A symbol for help should be used (such as a question mark) or the word "help". Getting help should not be hidden — it should not be under a menu of options.

Help text for core user tasks and main or essential features should be easy to understand in simple and clear text. Each step should be identified and labeled, and pictures that clarify what to do are recommended.

A layered approach to help is beneficial to many audiences. Tooltip help is a wonderful memory aid for clarifying what user features are and particularly useful for people with an impaired working memory. Include short tooltips on all icons, jargon and shortened forms such as abbreviations. Typically these tooltips should be one or two words long.

達成基準 3.2.3 の例：

• Lotte has low vision and uses a screen magnifier on her smartphone. She wants to email a colleague the link to the blog article she is reading, but cannot find the feature. She taps an icon on her phone with a large red question mark, and types "email link" in the search box that appears. She reads the directions for emailing a link, returns to the article, and successfully emails the link.
• Benecio has a learning disability, and cannot remember what toolbar icons stand for. He uses his mouse to display the tooltip with the name of each icon until he discovers the Print icon.

達成基準 3.2.3 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent

Intent of Success Criterion 3.2.4:

Users need to be informed about accessibility features implemented in new versions of the user agent.

達成基準 3.2.4 の例：

• Martha has memory problems. She finds it difficult to remember what the icons on her computer do and relies heavily on tool tips. She goes to an app store on her computer and installs an update for her web browser. After it installs, she sees a welcome page describing the new features in this release. One of the welcome page links is titled "What's New For Accessibility". Following this link, Martha reads about the accessibility improvements and discovers a feature that allows her to have tooltips displayed for elements when she is using caret browsing. The text also informs Martha that this feature is off by default and that she should go to accessibility settings to turn it on.

達成基準 3.2.4 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent

達成基準 3.2.5 の意図：

Users need to know about accessibility features and how to operate them. A centralized view of accessibility features makes it easier for people with disabilities and people who are evaluating software to quickly become familiar with the features such as keyboard shortcuts, how to zoom the viewport, and where to find accessibility configuration settings. Nested user agents or add-ons can provide separate centralized documentation. It is also useful to document accessibility features in context (such as displaying keyboard shortcuts next to their menu command).

達成基準 3.2.5 の例：

• Bob is blind and uses a screen reader that is part of his phone's operating system. He downloads a new web browser on his mobile phone. The browser's online help includes a section on accessibility that point him to pages on non-visual access, such as interaction with screen readers, helpful hints such as an explanation of the screen layout, and a list of supported touch gestures.
• Marissa is assessing new user agents for clients who are blind. The first thing she does in looking at each user agent is to turn to the section in the documentation (local or online) that details accessibility features. This gives her a quick overview of the accessibility features across different products.

達成基準 3.2.5 に関連するリソース：

• None

適用対象：

コンテンツ ユーザー インターフェース, 構成設定（オプション）

一般的な実装対象：

browser, media player, plugin

達成基準 3.3.1 の意図：

Users need to know that navigation in a web page is going to start in a predictable location and move in a predictable fashion. If a page moves the initial focus to somewhere other than the beginning of the page, the user can skip over content without realizing it. If the focus moves and remains unnoticed, users can make unintentional changes, such as entering data in an incorrect field. Focus changes can cause a window to scroll unexpectedly, confusing users. This is particularly problematic for users who can only see a small portion of the document, because they must use more effort to determine where the cursor has moved. Such users also are more likely to continue typing, not immediately realizing that the context has changed. Users who find navigation time consuming, tiring, or painful (including those using screen readers or with impaired dexterity) can also need more steps to return to the area where they want to work. It can improve accessibility for some users on some pages to have the page set focus to specific links or fields when the page loads, but this can be detrimental for other users, and therefore users need to control this behavior.

達成基準 3.3.1 の例：

• Jerome has repetitive strain injuries. He tries to limit the number of keyboard and mouse entries he makes each day, because it is painful. He loads a page that has its default focus in a search box. Jerome wants to read the content of the page, rather than search. This requires him to make additional clicks to get to the content of the page. He intends to use this page frequently, so he adjusts his browser's settings to disable the automatic focus change to prevent the extra clicking in the future.
• Jessica uses a screen enlarger. She loads a page that contains instructions followed by a form. If the page automatically moves the keyboard focus to the form, she may not realize there were instructions. To avoid this problem, she sets an option to prevent default focus changes.
• James was born without hands and uses speech input. He speaks his credit card number by saying several digits followed by speaking "tab". He needs to know ahead of time whether it is necessary to include the "tab" command in the phrase.
• Joey is blind and uses a screenreader. She is filling in a web form that asks for her phone number using three separate fields. When she types the three digits of her area code into the first field, the browser automatically moves the focus to the second field. Because Joey does not realize that the focus has moved for her, she presses the Tab key to move it manually, not realizing that this now puts the focus on the third field rather than the second. To avoid this problem, Joey goes to her browser's Preferences dialog box and checks the option that prevents focus changes that she has not explicitly requested.
• Justine has trouble using a mouse. She uses a keyboard macro in her web email program to execute a command to start a new message and put a block of text in the new message. The focus moves without her control, causing the macro to execute in the Inbox instead of the Compose window. With the Inbox in focus several single-key shortcuts execute, changing the column sorting and deleting several messages.

達成基準 3.3.1 に関連するリソース：

• 1.3.1 Highlighted Items
• 1.8.10 Allow Top-Level Viewport Open on Request
• 1.8.11 Allow Top-Level Viewport Focus Control
• 2.1.4 Separate Selection from Activation

適用対象：

プラットフォーム アクセシビリティ サービスとの通信

一般的な実装対象：

browser, media player, plugin

達成基準 4.1.1 の意図：

Platform accessibility services provide common functionality across the well-behaved applications running on the platform. This reduces exceptions that assistive technology has to implement for the hundreds of applications it may need to support. Most major operating environments provide platform accessibility services that allow applications to work with assistive technologies. These platform accessibility services must be supported by both the user agent and the assistive technology. Specifics of what constitutes a platform accessibility service will differ on each platform, but basic features common to these services are addressed by other success criteria under Guideline 4.1.

Most web-based user agents support this requirement automatically because they run inside host user agents. The host is responsible for exposing all content, including nested user agents, via platform accessibility services. As long as the nested user agent's user interface is entirely web-based and complies with Web Content Accessibility Guidelines (e.g. providing alternative text and supporting WAI-ARIA where needed) the host will understand it well enough to provide a bridge between the content and platform accessibility services.

達成基準 4.1.1 の例：

• Jamie is blind and uses a screenreader. He is testing a new type of button bar for a browser. When coding the new component, the developer supported the relevant platform accessibility services so that Jamie's screenreader can recognize it as a toolbar, and Jamie can identify, navigate, and activate the bar and its buttons.

達成基準 4.1.1 に関連するリソース：

• 4.1.2 Expose Accessible Properties for specific information that should be exposed through platform accessibility services.
• Microsoft Active Accessibility (MSAA)
• Microsoft UI Automation
• Gnome Accessibility Toolkit (ATK)
• GNOME Accessibility Architecture (ATK and AT-SPI)
• Accessibility Programming Guidelines for Mac (may require developer account)
• Accessibility Programming Guide for iOS (may require developer account)
• Iaccessible2
• Open Source Accessibility for Windows
• Accessibility API Cross reference
• HTML Accessibility API Mappings 1.0

• Core Accessibility API Mappings 1.1

• SVG Accessibility API Mappings

• Accessible Name and Description: Computation and API

• HTML to Platform Accessibility APIs Implementation Guide

適用対象：

プラットフォーム アクセシビリティ サービスとの通信

一般的な実装対象：

browser, media player, plugin @Core

達成基準 4.1.2 の意図：

Modern web content is highly interactive. Including people who use assistive technology in the interactive experience requires that the user agent provide information about user interface components in a standardized manner. This information includes:

• Name (component name)
• Role (purpose, such as alert, button, checkbox)
• State (current status, such as busy, disabled, hidden)
• Value (information associated with the component such as, the data in a text box, the position number of a slider, the date in a calendar widget)
• Focus (has focus, focusable)
• Selection (selected, selectable)

Every component developed for the user agent must pass this information to the appropriate accessibility platform architecture or application program interface (API). Embedded user agents, like media players can pass Name, Role, State, and Value via the WAI-ARIA techniques. Since not every element supports every property, follow the platform accessibility services convention for cases where an element type does not support one of the listed properties.

達成基準 4.1.2 の例：

• Jamie is blind and uses a screenreader. He adjusts the volume on a web site media player using a slider control. This is easy for him to do because the developer has coded the slider component with WAI-ARIA techniques to pass the following information to the accessibility service:
  Name: Volume control
  Role: Slider
  States & Values:
  • aria-valuenow is the slider’s current value.
  • aria-value-min is the minimum of the volume range
  • aria-value-max is the maximum of the volume range

達成基準 4.1.2 に関連するリソース：

• 1.10.1 Show Related Elements
• ARIA Relationships [ARIA10]
• Core Accessibility API Mappings 1.1

• SVG Accessibility API Mappings

• Accessible Name and Description: Computation and API

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin

達成基準 4.1.3 の意図：

Like everyone else, users who rely on assistive technology need to be able to carry out all tasks provided by the user agent. When a particular user interface component cannot support the platform accessibility service, and thus can't be made compatible with assistive technology, the user agent should let the user achieve the same goal using another component that is fully accessible.

達成基準 4.1.3 の例：

• Xanni is a screen reader user. She wants to bookmark the current page. Her browser allows a bookmark icon to be dragged with a mouse into the current document to bookmark the location. This functionality cannot be accessed effectively with her screen reader. However, the browser does allow her to add a bookmark from the context menu at the current focus.
• Doug uses a mouse-stick on his smart phone. He uses the assistive touch option on his mobile phone to control an app for 3D design drawing. The app provides a single, complex control for 3-dimensional manipulation of a virtual object. This custom control cannot be represented in the platform accessibility service, so the app provides Doug the option to achieve the same functionality through an alternate user interface: a panel that adjusts the yar, spin, and roll independently using arrow keys.

達成基準 4.1.3 に関連するリソース：

• None

適用対象：

プラットフォーム アクセシビリティ サービスとの通信

一般的な実装対象：

browser, media player, plugin @Core

達成基準 4.1.4 の意図：

Assistive technologies need all possible information. Applications such as user agents and assistive technologies use a combination of DOMs, Accessibility Application Programming Interfaces (AAPI), native platform APIs, and hard-coded heuristics to provide an accessible user interface and accessible content. While most assistive technology vendors prefer to use the AAPIs, if the AAPI cannot provide enough access to the content, then it is the user agent's responsibility to expose the DOM to assistive technology.

What is "sufficient" information can be determined by using the WAI ARIA Accessibility API Mappings:

• Core Accessibility API Mappings (CORE-AAM)
• HTML Accessibility API Mappings (HTML-AAM)
• Accessible Name and Description: Computation and API Mappings (ACCNAME-AAM)
• SVG Accessibility API Mappings (SVG-AAM)

達成基準 4.1.4 の例：

• Joey is blind and uses a screenreader. He is reading a long technical article where code samples are labeled using CSS. In the past, he has had trouble reading technical articles because the CSS text is not exposed to the the platform accessibility service, and is therefore missing from his text. His new browser exposes the CSS DOM information to the platform accessibility services. This allows him to read and search on all of the code sample labels.
  
• Joey is blind and uses a screen reader. He is reading a compound document containing HTML, MathML, and SVG. Each has a separate DOM. As Joey moves through the document, he is moving through multiple DOMs. He has no trouble reading it because the transition between DOMs is seamless and transparent.

達成基準 4.1.4 に関連するリソース：

• Core Accessibility API Mappings (CORE-AAM)
• HTML Accessibility API Mappings (HTML-AAM)
• Accessible Name and Description: Computation and API Mappings (ACCNAME-AAM)
• SVG Accessibility API Mappings (SVG-AAM)

適用対象：

プラットフォーム アクセシビリティ サービスとの通信

一般的な実装対象：

browser, media player, plugin @Core

達成基準 4.1.5 の意図：

If users can control the user interface using any form of input, they can control it through programmatic access. It is often more reliable for assistive technology to use the programmatic method of access versus attempting to simulate mouse or keyboard input.

達成基準 4.1.5 の例：

• Billie is a quadriplegic who uses speech input. When she says "Volume 35" her speech input utility programmatically sets the value of the volume slider to 35%. This allows Billie to set the volume in a single command to a specific value rather than simulating mouse clicks.
• Billie is a quadriplegic who uses speech input. She uses a direct speech command to set the value of a check box in the user agent preference settings to block pop up windows. Even though the control cycles through “checked”, and “unchecked” using the spacebar or mouse, the speech command uses a programatic command to check the box regardless of whether the box is already checked.

達成基準 4.1.5 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

web-based user agent (readers, players)

達成基準 5.1.1 の意図：

User agent user interfaces that are web-based must meet the same accessibility guidelines as web content. The Web Content Accessibility Guidelines (WCAG) 2.0 are an internationally accepted guideline for accessible web content.

達成基準 5.1.1 の例：

• Lee has low vision. She needs to customize the appearance of her web-based media player. WCAG 2.0 success criteria 2.7.1 requires that a user agent enable a user to change settings that impact accessibility. Her web-based media player enables her to change accessibility settings to display high contrast captions.

達成基準 5.1.1 に関連するリソース：

• WAI-ARIA 1.0 User Agent Implementation Guide
• W3C Web Design and Applications Activity
• WCAG 2.0

適用対象：

コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin, add-on, web-based user agent (readers, players)

達成基準 5.1.2 の意図：

Most content specifications include features important to users with disabilities. Users can find it difficult or impossible to use a product that fails to support those features. Conformance claim documents list the technologies that the user agent fully supports, such as WAI-ARIA, so that users can make informed decisions about whether or not they will be able to use, and therefore should install, a new product or version of that product.

達成基準 5.1.2 の例：

• Jordy is blind and uses a screenreader. He often uses a website that is coded with WAI-ARIA to identify the functions of custom controls. He is downloading a new version of a web browser. If the browser doesn't support WAI-ARIA and expose that information to assistive technology, the website would be unusable. Before he installs the new browser, Jordy makes sure it fully supports WAI-ARIA. He determines this by reading product documentation and UAAG conformance claims posted on the web.

達成基準 5.1.2 に関連するリソース：

• [WCAG20]
• HTML- - listing of the HTML documents
• CSS - listing of the CSS documents
• WAI-ARIA Suite Overview
• Components of a UAAG 2.0 Conformance Claim See #9 Web Content Technologies

適用対象：

UA ユーザー インターフェース, コンテンツ ユーザー インターフェース

一般的な実装対象：

browser, media player, plugin

達成基準 5.1.3 の意図：

User agent user interfaces that are not web applications need to be accessible to people with disabilities. Accessibility guidelines already exist for many platforms. Most operating systems have conventions and expectations that aid accessibility, such as keyboard behavior, support of an accessibility service, user interface design. User agents need to comply with the basic accessibility requirements of the platform in use. Developers have the flexibility to conform with the appropriate accessibility guidelines or legislation for their platform or markets.

The user should be able to easily discover detailed information about the user agent's adherence to accessibility standards, platform standards such as MSAA or JAA, and third-party standards such as ISO 9241-171, and should be able to do so without installing and testing the accessibility features.

Note: In the conformance claim, list the requirements you fully comply with, list the requirements you partially comply with and explain, and list the requirements you do not comply with and explain. Where applicable, these explanations can be general and cover several sections at once.

達成基準 5.1.3 の例：

• Lee has low vision and uses a screen magnifier on a Linux system. She loads a new Gnome application that works with her screen magnifier because the developer followed the Gnome Accessibility Developers Guide. For example, the Keyboard Focus section states: "Show current input focus clearly at all times. Remember that in controls that include a scrolling element, it is not always sufficient to highlight just the selected element inside that scrolling area, as it may not be visible. " Lee can use this app because it conforms to this accessibility guideline for focus.
• Martin uses a mouth stick to control his mobile browser. Even though he cannot use a pinch gesture, he controls the zoom in his mobile browser with a custom gesture. He can do this because the app developer followed the guidance provided in the "Accessibility Programming Guide for iOS".
• Sasha requires high contrast to be able to discriminate the shape of letters. She has set the accessibility preferences on her computer to use high contrast mode. When she launches her browser, it detects that she is using high contrast and adjusts the font and color settings for its user interface to reflect those settings.

達成基準 5.1.3 に関連するリソース：

[APPLE-ACCESS]

"Introduction to Accessibility Overview," Apple Computer Inc. (may require login)

[CARBON-ACCESS]

"Accessibility and the Carbon Framework," Apple Corporation (may require login)

[EITAAC]

"EITAAC Desktop Software standards," Electronic Information Technology Access Advisory (EITAAC) Committee.

[GNOME-ACCESS]

"GNOME Accessibility for Developers," C. Benson, B. Cameron, B. Haneman, S. Snider, P. O'Briain, The GNOME Accessibility Project.

[GNOME-API]

"Gnome Accessibility Toolkit API"

[GNOME-KDE-KEYS]

"Gnome/KDE Keyboard Shortcuts," Novell Corporation.

[IBM-ACCESS]

"Software Accessibility," IBM Special Needs Systems.

[IEC-4WD]

IEC/4WD 61966-2-1: Colour Measurement and Management in Multimedia Systems and Equipment - Part 2.1: Default Colour Space - sRGB. May 5, 1998.

[ISO-TS-16071]

"Ergonomics of human-system interaction -- Guidance on accessibility for human-computer interfaces". International Organization for Standardization.

[JAVA-ACCESS]

"IBM Guidelines for Writing Accessible Applications Using 100% Pure Java," R. Schwerdtfeger, IBM Special Needs Systems.

[JAVA-API]

" Java Accessibility Package"

[JAVA-CHECKLIST]

"Java Accessibility Guidelines and Checklist," IBM Special Needs Systems.

[MACOSX-KEYS]

"Mac OS X keyboard shortcuts," Apple Corporation.

[MS-ENABLE]

"Designing Accessible Applications," Microsoft Corporation.

[MS-WIN7-ACCESS]

"Engineering Software For Accessibility", Microsoft Corporation.

[MS-KEYS]

"Keyboard shortcuts for Windows," Microsoft Corporation.

[NOTES-ACCESS]

"Lotus Notes application accessibility," IBM Corporation.

[ORACLE-DESIGN]

"Designing for Accessibility," Eric Bergman and Earl Johnson. This paper discusses specific disabilities including those related to hearing, vision, and cognitive function.

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

operating system, browser, media player, plugin, add-on, web-based user agent (readers, players)

達成基準 5.1.4 の意図：

When accessing media or specialized content (e.g. MathML) on the web, users with disabilities can have a richer or more accessible experience using a third-party application, plug-in, or add-on, rather than using the browser's built-in facilities. Users need to be able to enable or activate a browser plug-in or add-on to interact with the content. Alternately, they can elect to save that content to disk and launch it in a third-party application. If streaming video cannot be saved to disk, the browser launches the external viewer, passing it the URI to the online video.

達成基準 5.1.4 の例：

• George is blind. His browser supports the VIDEO tag and adds its own play and pause controls, but George prefers to view the video content in a third-party application that provides much more sophisticated navigation controls such as bookmarks, skip-forward and backwards, and the ability to speed playback without increasing pitch of the audio track. In the browser, he right-clicks on the video to display a context menu, and from that chooses "Open in…", and then chooses his preferred video player. The browser launches the player to show that video file.
• Jukka is blind and uses a screenreader. He is a scientist whose uses mathematical models. Many of the journals he reads online use MathML to display equations. Jukka finds the native support for MathML accessibility in his web browser to be generally compatible with his screen reader, but it can become unreliable for extremely complex equations. In those cases, Jukka selects an alternate rendering plug-in to make the MathML understandable to his screen reader.
  

達成基準 5.1.4 に関連するリソース：

• None

適用対象：

UA ユーザー インターフェース

一般的な実装対象：

operating system, browser, media player, plugin, add-on, web-based user agent (readers, players)

達成基準 5.1.5 の意図：

People who use assistive technologies such as screen readers can find that a technology isn't fully compatible with a web browser, or that the content authored to meet WCAG still is not accessible when rendered in the browser. This causes information loss and inconvenience. When this happens, users benefit from being able to easily file a report with the user agent vendor to report the incompatibility, similar to the way users can file bug reports or provide feedback.

達成基準 5.1.5 の例：

• Alice is a visually impaired college student who frequently uses a refreshable braille display with her web browser. She experiences difficulty with a drop-down list boxes because the text is only partially rendered on her braille display. When Alice notices this incompatibility, she navigates to the feedback section of her browser. After providing some basic information (such as AT software and computer hardware used), Alice describes the problem and submits the report to the browser vendor.
• Fred has low vision and uses screen magnification software to enlarge displayed information and alter color contrast. While reading content on a website in compliance with WCAG, Fred discovers that the scroll bars are not visible and he cannot scroll further down the page. Unable to read the information he needs, Fred selects the Feedback option from his browser's Tools menu, and is presented with a dialog where he can select which information to transmit to the browser vendor. He includes the current URI of the page he is trying to view, system information including OS and screen magnifier version, and enters a description of the problem he is having. Though not required, Fred chooses to provide his email address so that the vendor can contact him for further details or to provide a workaround.

達成基準 5.1.5 に関連するリソース：

• None