【注意】 この文書は、W3C ワーキンググループノート Understanding WCAG 2.0 の 2016 年 10 月 7 日時点での最新版を、ウェブアクセシビリティ基盤委員会 (WAIC) が翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書はあくまで参考情報であり、翻訳上の誤りが含まれていることがあります。翻訳上の誤りを見つけられた場合は、翻訳に関するお問い合わせからご連絡ください。

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

W3C

WCAG 2.0 解説書

WCAG 2.0 を理解して実装するためのガイド

W3C ワーキンググループノート 2016 年 10 月 7 日

このバージョン:
https://www.w3.org/TR/2016/NOTE-UNDERSTANDING-WCAG20-20161007/
最新バージョン:
https://www.w3.org/TR/UNDERSTANDING-WCAG20/
前のバージョン:
https://www.w3.org/TR/2016/NOTE-UNDERSTANDING-WCAG20-20160317/
編集者:
Michael Cooper, W3C
Andrew Kirkpatrick, Adobe Systems Inc.
Joshue O Connor, InterAccess
過去の編集者:
Loretta Guarino Reid (until May 2013 while at Google, Inc.)
Gregg Vanderheiden (until May 2013 while at Trace R&D Center, University of Wisconsin-Madison)
Ben Caldwell (until September 2010 while at Trace R&D Center, University of Wisconsin-Madison)
Wendy Chisholm (until July 2006 while at W3C)
John Slatin (until June 2006 while at Accessibility Institute, University of Texas at Austin)

この文書は、次の規定ではないフォーマットでも入手できる:


概要

この文書、「WCAG 2.0 解説書」は、Web Content Accessibility Guidelines (WCAG) 2.0 (日本語訳) [WCAG20] を理解して実践するために不可欠な案内書である。WCAG 2.0 の関連文書群の中の一つだが、この文書のコンテンツはガイダンスを提供する参考文書であり、WCAG 2.0 に適合するための要件を定める規定文書ではない。WCAG、関連技術文書、教育用素材へのイントロダクションは、Web Content Accessibility Guidelines (WCAG) Overviewを参照のこと。

WCAG 2.0 には、WCAG 2.0 に適合するための達成基準がある。個々の達成基準は、テスト可能な記述内容になっており、特定のウェブコンテンツに適用した際に適合もしくは不適合であると判断できるようになっている。「WCAG 2.0 解説書」が提供するのは、それぞれの達成基準に関する詳細な情報で、達成基準の意図、達成基準の中で用いられている重要な用語、そして、WCAG 2.0 の達成基準が様々な種類の障害のある利用者にどのように役に立つのかが記されている。また、この文書は、様々なウェブコンテンツ技術 (例えば、HTML、CSS、XML) を用いて達成基準を満たしているウェブコンテンツの事例、そして達成基準を満たしていないウェブコンテンツのよくある事例も提供している。

この文書は、それぞれの達成基準を満たすための特定の達成方法も示している。それぞれの達成方法をどのように実装するかの詳細は、WCAG 2.0 達成方法集で提供されているが、この「WCAG 2.0 解説書」では各達成方法と達成基準との関係に関する情報を提供している。達成方法は、達成基準への対応レベルによって分類されている。「十分な達成方法」とは、(それ単体もしくは他の達成方法との併用により、) ある達成基準を満たすのに十分であると考えられる達成方法であり、それ以外は参考達成方法で用いるかどうかは任意である。いくつかの達成方法は、ある特定のウェブコンテンツ技術を用いる場合にはそれが唯一の既知の手法であるかもしれないが、どの達成方法も WCAG 2.0 に適合する上で必須というわけではない。「参考達成方法」とは、(テスト可能ではない、あるいは、完全な支援ができないので、) それ自体では達成基準を満たすのに十分ではないが、アクセシビリティをさらに向上させるために、コンテンツ制作者には可能であればそれらを用いることが推奨される。

達成基準を満たす達成方法に加えて、「よくある失敗例」も文書化されている。これらの「よくある失敗例」は WCAG 2.0 への不適合を引き起こすものとして知られている制作方法である。制作者は、WCAG 2.0 の達成基準を満たすためにそれらの方法を避けなければならない。

この文書は、W3C Web Accessibility Initiative (WAI) が提供する WCAG 2.0 関連文書群の一つである。この文書は、WCAG 2.0 が W3C 勧告として公開されたのと同時に、ワーキンググループノートとして公開されたものである。WCAG 2.0 とは異なり、「WCAG 2.0 解説書」の情報は随時更新されていく予定である。WCAG、関連技術文書、教育用素材へのイントロダクションは、Web Content Accessibility Guidelines (WCAG) Overview を参照のこと。

この文書のステータス

この節では、この文書の発行された時点でのステータスを説明する。他の文書が、この文書にとって代わっている場合もある。現行の W3C の発行文書、及び、この技術レポートの改訂版は、https://www.w3.org/TR/ にある W3C technical reports index で参照可能である。

これは、ワーキンググループノートの「WCAG 2.0 解説書」である。Web Content Accessibility Guidelines Working Group では、この文書は WCAG 2.0 勧告の達成基準を理解するために重要なものであると考えている。この文書のコンテンツは参考情報であり (ガイダンスを提供している)、規定文書ではない (WCAG 2.0 に適合するための要件を定めていない) ことに留意してほしい。

WCAG 2.0 解説書は、ワーキンググループノートとして 2008 年 12 月 11 日に発行され、2010 年 10 月 14 日、2012 年 1 月 3 日、2013 年 9 月 5 日、2014 年 3 月 3 日、2014 年 4 月 8 日、2014 年 9 月 16 日、2015 年 2 月 26 日、2016 年 3 月 17 日に更新された。この新版では、WCAG 2.0 の補足情報を更新している。WCAG 2.0 自体は変更されておらず、参考的な補足情報だけが更新されることに留意してほしい。このバージョンでの唯一の変更点は、第三者によるコンテンツに起因する部分適合表明に関する説明を追加したことである。

変更点は diff-marked version で強調表示している。

訳注: 日本語訳の diff-marked version は提供していない。

ワーキンググループへのコメントは、Instructions for Commenting on WCAG 2.0 Documents を使って送っていただきたい。もしそれができない場合は、public-comments-wcag20@w3.org 宛に電子メールで送信することもできる。archives for the public comments list は一般に公開されている。この文書に関して寄せられたコメントは、この文書の将来のバージョン、もしくは、他の方法で対処されるかもしれない。WCAG WG mailing list discussions も一般に公開されており、この文書に関して寄せられたコメントについては、ワーキンググループが将来的に対処することがあるかもしれない。

この文書は、W3C の Web Accessibility Initiative (WAI) の活動の一環として作成されたものである。WCAG ワーキンググループの目的は、WCAG Working Group charter に記載されている。WCAG ワーキンググループは、WAI Technical Activity の一つである。

ワーキンググループノートとしての公開は、W3C 会員によって承認されたものという意味ではない。これはドラフト文書であり、いつでも更新されたり、他の文書によって置き換えられたり、廃止されたりすることがある。この文書を、作成作業中のものとして引用すること以外は不適切である。

この文書は、5 February 2004 W3C Patent Policy に則って運営するワーキンググループによって作成された。W3C では、ワーキンググループの成果物に関係する public list of any patent disclosures を管理しており、そのページには特許開示にあたっての指示も含まれている。Essential Claim(s) を含む特許について実際に知識のある人は、section 6 of the W3C Patent Policy に従って、その情報を開示することが求められる。

この文書は 1 September 2015 W3C Process Document によって管理されている。


WCAG 2.0 解説書のイントロダクション

WCAG 2.0 解説書は、"WCAG (Web Content Accessibility Guidelines) 2.0" [WCAG20] を理解して実践するために不可欠な案内書である。WCAG 2.0 の規定となる定義や要件はすべて WCAG 2.0 自体の文書で読むことができるが、その考え方や条項に馴染みのない方もいるかもしれない。WCAG 2.0 解説書は、読者の皆さんがその意図やどのようにガイドラインと達成基準が連携しているのかをよりよく理解できるように、各ガイドライン、及び、各達成基準について、WCAG 2.0 の規定にはならない詳細な解説を提供している。また、それぞれの達成基準を満たすのに十分であることをワーキンググループが確認した達成方法、及び、達成方法の組合せの事例も紹介している。そして、それぞれの達成方法の詳細にもリンクを提供している。

この文書は、入門書ではなく、ガイドラインとその達成基準に関する詳細な技術解説である。WCAG やその関連技術文書、教育用素材などへのイントロダクションは、Web Content Accessibility Guidelines (WCAG) Overview を参照のこと。

WCAG 2.0 解説書は、ガイドラインごとに構成されている。各ガイドラインには、ガイドライン X.X を理解するという節がある。そのガイドラインの意図と、ガイドラインに関係あるが、そのガイドラインの達成基準のいずれにも特に関係のない参考達成方法も同様にそこに列挙されている。

ガイドライン X.X を理解するという節の後には、そのガイドラインの達成基準ごとに、達成基準 X.X.X を理解するという節が続いている。これらの節にはそれぞれ以下の情報が提供されている:

WCAG 2.0 文書の各ガイドラインからは、この文書のガイドライン X.X を理解するという節に直接リンクしている。同様に、WCAG 2.0 文書の各達成基準からも、この文書の達成基準 X.X.X を理解するという節に直接リンクしている。

個々の達成方法に関する情報については、この文書中にあるリンクから、WCAG 2.0 達成方法集で関心のある達成方法を参照のこと。

様々な障害や支援技術に関する情報については、Disabilities - Wikipedia を参照のこと。

アクセシビリティの四つの原則を理解する

ガイドライン及び達成基準は、誰もがウェブコンテンツにアクセスして利用するために必要な土台となる、次の四つの原則を中心に構成されている。ウェブを利用したい誰もが、コンテンツに求めるのは次のことである:

  1. 知覚可能 - 情報及びユーザインタフェースコンポーネントは、利用者が知覚できる方法で利用者に提示可能でなければならない。

    • これは、利用者が提示されている情報を知覚できなければならないことを意味する (利用者の感覚すべてに対して知覚できないものであってはならない)。

  2. 操作可能 - ユーザインタフェースコンポーネント及びナビゲーションは操作可能でなければならない。

    • これは、利用者がインタフェースを操作できなければならないことを意味する (インタフェースが、利用者の実行できないインタラクションを要求してはならない)。

  3. 理解可能 - 情報及びユーザインタフェースの操作は理解可能でなければならない。

    • これは、利用者がユーザインタフェースの操作と情報とを理解できなければならないことを意味する (コンテンツ又は操作が、理解できないものであってはならない)。

  4. 堅牢性 - コンテンツは、支援技術を含む様々なユーザエージェントが確実に解釈できるように十分に堅牢でなければならない。

    • これは、利用者が技術の進歩に応じてコンテンツにアクセスできなければならないことを意味する (技術やユーザエージェントの進化していったとしても、コンテンツはアクセシブルなままであるべきである)。

もし、これらのいずれかが当てはまらなければ、障害のある利用者はウェブを利用することができなくなる。

それぞれの原則の下には、障害のある利用者のためのこれらの原則に対処するのに役立つ、ガイドライン及び達成基準がある。障害のある利用者を含むすべての利用者にとってコンテンツをより使いやすくする一般的なユーザビリティガイドラインは数多く存在する。しかし、WCAG 2.0 においては、障害のある利用者に特有の問題に対処するガイドラインだけが含まれている。つまり、障害のある利用者がウェブにアクセスすることを阻む問題、あるいはアクセスをひどく妨げる問題が、WCAG 2.0 には含まれている。

ガイダンスのレイヤー

ガイドライン

それぞれの原則の下には、その原則に対応するガイドラインのリストがある。全部で 12 のガイドラインがある。ガイドラインだけの一覧は、WCAG 2.0 目次で見ることができる。ガイドラインの重要な目的の一つは、コンテンツが、できるだけ多くの利用者にとってそのままでアクセシブルであるようにすることであり、様々な利用者の感覚的、身体的及び認知的能力に合った様々な形態で再提示できるようにすることである。

達成基準

それぞれのガイドラインの下には、WCAG 2.0 に適合するためには何をしなければならないのかを具体的に記述した達成基準がある。それは、WCAG 1.0 における「チェックポイント」によく似たものである。それぞれの達成基準は、特定のウェブコンテンツをその達成基準によってテストしたときに適合もしくは不適合が判別できるように記述されている。そして、達成基準はウェブコンテンツ技術に依存しないように書かれている。

WCAG 2.0 の達成基準はすべて、コンテンツがその達成基準を満たしているかどうかを客観的に判断するテスト可能な基準として記述されている。テストには、評価プログラムのソフトウェアを用いた自動化可能なものもあれば、その一部又は全部に人間によるテストを必要とするものもある。

コンテンツが達成基準を満たしていたとしても、そのコンテンツは様々な障害のある利用者にとって利用可能であるとは限らない。ある利用者にとってのアクセシビリティを確保する上では、専門家による広く認められている定性的なヒューリスティック評価が重要である。さらに、ユーザビリティテスティングが推奨される。ユーザビリティテスティングは、その用途に応じて、利用者がコンテンツをどれだけうまく使えるかを判断することを目的としている。

様々な種類の障害のある人がどのようにウェブを利用しているのかを理解している人が、コンテンツをテストすべきである。人間によるテストを行う際には、障害のある利用者をテストグループに含めることを推奨する。

ガイドラインの各達成基準には、WCAG 2.0 への適合方法という文書へのリンクがあり、その文書では次のものが提供されている:

  • その十分な達成方法

  • 任意の参考達成方法

  • 達成基準の意図、及びメリットの説明、事例

十分な達成方法及び参考達成方法、及び失敗例

次の節 WCAG 達成基準の達成方法を理解するでは、達成方法に関する重要な情報を提供している。


WCAG 達成基準の達成方法を理解する

WCAG 2.0 のガイドライン及び達成基準は、動的アプリケーション、モバイル、デジタルテレビなどを含む現在及び将来のウェブ技術に対して広く適用可能となるよう設計されている。これらは安定しており変わることはない。

WCAG 達成基準を満たすための、制作者や評価者に対する個別のガイダンスはコード例、リソース及びテストを含む達成方法集で提供されている。W3C の Techniques for WCAG 2.0 (日本語訳は WCAG 2.0 達成方法集) 文書は概ね年に 2 回、より最新の成功事例及び技術やツールの変化をカバーするよう定期的に更新されている。

WCAG 2.0 達成方法集における三つのタイプのガイダンスを以下に説明する:

また以下についても説明する:

WCAG 2.0 への適合を理解するでは、アクセシビリティ サポートを理解するに関するものを含む関連情報を提供している。

達成方法は参考情報である

達成方法は参考情報であり、これは達成方法が要求事項ではないことを意味している。WCAG 2.0 への適合を判断する根拠は、WCAG 2.0 で規定している達成基準であり、達成方法ではない。

注記 1: W3C は、W3C の十分な達成方法の要求に対して注意を促す。求められる唯一のことは WCAG 2.0 達成基準を満たすことである。より詳しくは、以下を参照のこと:

注記 2: WCAG 2.0 達成方法集では、その達成方法のガイダンスを明確にするためにのみ "しなければならない" 及び "することが望ましい" という用語を用いており、WCAG への要求事項を伝えるためには用いない。

十分な達成方法

十分な達成方法は達成基準を満たすのに信頼できる方法である。

  • 制作者の視点から: 与えられた基準に対して、十分な達成方法を正しく用い、かつそれが利用者に対してアクセシビリティ サポーテッドならば、その達成基準を満たしていると確信できる。

  • 評価者の視点から: 与えられた達成基準に対して、ウェブコンテンツが、十分な達成方法によって正しく実装され、かつコンテンツの利用者に対してアクセシビリティ サポーテッドならば、その達成基準を満たしている。(逆は真ではない。ウェブコンテンツがこれらの十分な達成方法で実装されていなくても、以下の達成方法の検証で説明しているように、必ずしも達成基準を満たしていないとはいえない。)

以下のその他の達成方法で説明しているように、W3C の WCAG 2.0 達成方法集文書にある十分な達成方法以外にも、達成基準を満たす方法はあるだろう。(上記達成方法は参考情報であるも参照のこと。)

番号付きリスト、"かつ"

W3C 文書にある十分な達成方法は番号付きリストになっており、各リスト項目はその十分な達成方法、あるいは達成方法の組み合わせとなっている。一つの番号付きリスト項目に、"かつ" で連結された複数の達成方法がある場合、達成方法を満たすためにはすべての達成方法を用いなければならない。例えば、達成基準 1.3.1 を満たすことのできる達成方法では "G115: セマンティックな要素を用いて、構造をマークアップする、かつ、H49: セマンティックなマークアップを用いて、強調又は特別なテキストをマークアップする (HTML)"とある。

参考達成方法

参考達成方法はアクセシビリティを改善するために推奨される方法である。これは一部の利用者にとっては非常に有用であり、またある利用者がある種のコンテンツにアクセスできる唯一の方法となることもあるかもしれない。

参考達成方法は以下のようなさまざまな理由で、十分な達成方法とはならない:

  • 達成基準のすべての要求事項を満たすのに十分でない。

  • まだ安定していない技術に基づいている。

  • 多くの場合において アクセシビリティ サポーテッドでない (例えば、支援技術が達成方法に対応できていない)。

  • テスト可能でない。

  • ある状況においてその達成方法が適用可能でないあるいは実用的でなく、かつその他の利用者に対してはアクセシビリティを向上させる一方、一部の利用者に対してアクセシビリティを低下させる可能性がある。

  • 達成基準そのものには対処しておらず、代わりに関連するアクセシビリティ上の利点を提供している。

制作者には、最も幅広い利用者のニーズに対処するのに最適なすべての達成方法を適用することが推奨される。

失敗例

失敗例はアクセシビリティ上のバリアを引き起こし、特定の達成基準への不適合を招くものである。文書化された失敗例は以下の点で有益である:

  • 制作者にとっては、避けるべきことを知ることができる。

  • 評価者にとっては、コンテンツが WCAG 達成基準を満たしていない場合に、チェックに用いることができる。

失敗例にあるコンテンツは、失敗例にない代替版が提供されていなければ、WCAG 達成基準を満たしていない。

文書化された失敗例が正しくないような状況を確認した場合は、修正もしくは適切に削除できるように WCAG コメントとしてその状況を報告していただきたい (英語)

一般的及び技術特有の達成方法

一般的な達成方法には、すべての技術に適用する基本事例を記載している。技術特有の達成方法は個別の技術に適用する。

いくつかの達成基準は技術特有の達成方法を持っておらず、一般的な達成方法のみによりカバーされる。したがって、一般的な達成方法と、それに関連する技術特有の達成方法の両方を考慮するとよい。

特定の技術に対する達成方法を公開しているからといって、WCAG 2.0 達成基準及び適合要件を満たすコンテンツを制作するあらゆる状況においてその技術が用いられるわけではない。開発者は個々の技術の限界を知り、障害を持つ人にとってアクセシブルな方法でコンテンツを提供する必要がある。

その他の達成方法

W3C の WCAG 2.0 達成方法集文書にある達成方法に加えて、WCAG 達成基準を満たすその他の方法がある。W3C の達成方法は包括的なものではなく、より新しい技術や状況をカバーしていないかもしれない。

ウェブコンテンツは、WCAG 2.0 に適合するために W3C が公開している達成方法を用いなくてもよい。 (上記の達成方法は参考情報であるも参照のこと。)

コンテンツ制作者はさまざまな達成方法を開発できる。例えば、制作者は HTML5 や WAI-ARIA、あるいはその他の新しい技術に対する達成方法を開発できる。他の組織が WCAG 2.0 達成基準を満たす達成方法集を開発してもよい。

任意の達成方法は、以下のような場合に達成基準を満たすことができる:

  • それらが達成基準を満たし、かつ

  • すべての WCAG 2.0 適合要件が満たされている。

達成方法の提出

WCAG Working Group では、Techniques for WCAG 2.0 文書の更新において取り入れることを検討できるように、新しい達成方法を提出することを推奨する。Techniques Submission Form を用いて、検討のための達成方法を提出いただきたい。

達成方法の検証

それぞれの達成方法には以下のように役立つ検証がある:

  • 制作者が、達成方法を正確に実装しているか確認し、かつ

  • 評価者が、ウェブコンテンツがその達成方法を満たしているか判断する。

この検証は達成方法に対してのみのものであり、WCAG 達成基準への適合を検証するものではない。

  • 達成方法は離散的であり (すなわち、特定の 1 点のみを扱っており)、かつこれらは要求事項ではないため、達成方法の検証失敗は必ずしも WCAG への不適合を意味していない。

  • コンテンツは、W3C が公開している十分な達成方法以外にも様々な方法で WCAG 達成基準を満たすことができる。

  • 技術特有の達成方法の検証を通過したコンテンツは、必ずしもすべての WCAG 達成基準を満たしていない。いくつかの達成基準は一般的な達成方法のみを持っており、技術特有の達成方法を持っていない。

  • コンテンツはその利用者に対してアクセシビリティ サポーテッドでなければならない。いくつかの十分な達成方法は、一部の利用者が持っていないかもしれないブラウザ、支援技術またはその他のサポートを必要とする。

このように達成方法はコンテンツの評価において有益であるが、コンテンツが WCAG 達成基準にどのくらい適合しているか評価するためには、評価は十分な達成方法をただ検証することを超えて行わなければならない。

失敗例は、(失敗のない代替版が提供されていない場合) 不適合を意味するため、評価において特に有益である。

ユーザエージェント及び支援技術のサポートに関する注記

いくつかの達成方法では、ウェブコンテンツの利用者に対して、その達成方法がアクセシビリティ サポーテッドとなるために、特定のブラウザや支援技術を持つことを求めている。個々の達成方法におけるユーザエージェント及び支援技術のサポートに関する注記の節は、アクセシビリティ サポーテッドを判断するのに役立つ情報を含んでいる。

サポートに関する注記は時間とともに変化する

時間の経過に伴い、列挙されているユーザエージェント (ブラウザなど) や支援技術のバージョンが最新のバージョンではなくなるかもしれない。ワーキンググループでは、新しいバージョンが公開されてもこれらの注記の多くを更新しないだろう。制作者は、利用者が現時点で利用可能なユーザエージェントや支援技術を用いて達成方法を検証することが望ましい。アクセシビリティ サポートを理解するも参照のこと。

達成方法集の使用

WCAG 2.0 達成方法集は単体の文書として用いられることを意図していない。代わりに、コンテンツ制作者は、WCAG 達成基準を参照するために How to meet WCAG 2 (クイックリファレンス)を用い、そこからリンクをたどって WCAG 2.0 解説書の特定の項及び特定の達成方法を参照することが想定している。

代替版は達成基準を満たしていなければならない

いくつかの達成基準では、ユーザがコンテンツを得るための代替方法をどのように提供するかについて述べている。例えば、G73: 非テキストコンテンツのすぐ隣に別の場所へのリンクを置き... では音声ファイルの代替としてトランスクリプトについて言及している。いくつかの代替はまた WCAG に適合していなければならない。例えばそのトランスクリプト自体は、関連するすべての達成基準を満たしていなければならない。

コード例

達成方法集にあるコード例は、その達成方法において議論された特定の点についてのみ明示することを意図している。これらは、その達成方法と無関係なアクセシビリティ、ユーザビリティ、またはコーディングのその他の側面に対する最良の実例を示しているわけではない。これらはウェブコンテンツ開発の基礎としてコピーして用いられることを意図していない。

多くの達成方法ではより堅牢で、ウェブコンテンツにコピーしたり統合するのに適した "機能する例" を挙げている。


テキストによる代替:
ガイドライン 1.1 を理解する

ガイドライン 1.1: すべての非テキストコンテンツには、拡大印刷、点字、音声、シンボル、平易な言葉などの利用者が必要とする形式に変換できるように、テキストによる代替を提供すること。

ガイドライン 1.1 の意図

このガイドラインの目的は、すべての非テキストコンテンツが、テキストでも利用可能であるようにすることである。「テキスト」とは、文字画像ではなく、電子テキストを指す。電子テキストには、提示中立であるという類を見ない利点がある。すなわち、テキストは、視覚的、聴覚的、触覚的、又は任意の組み合わせによってレンダリング可能だということである。結果として、電子テキストでレンダリングされる情報は、利用者のニーズを最もよく満たすどのような形態であれ提供可能なのである。テキストはまた、容易に拡大する、読字障害のある利用者にとっても理解しやすい形で音声読み上げをする、利用者のニーズを最もよく満たす触覚形式でレンダリング可能である。

注記: コンテンツをシンボルに変換することは、発達障害や発話理解困難のある利用者のために図記号に変換することを含むが、シンボルはこういった用途に限定されない。

訳注: シンボルとは、対象となる事物を分かりやすく表現した「絵」のことを指す。シンボルの具体的な例については、JIS 絵記号と PIC シンボル - 日本 PIC 研究会及び障害者白書 平成 19 年版 コラム コミュニケーション支援用絵記号の例を参照のこと。

ガイドライン 1.1 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • 音声しか含まないファイルに手話ビデオを提供する(リンク追加予定)

非テキストコンテンツ:
達成基準 1.1.1 を理解する

1.1.1 非テキストコンテンツ: 利用者に提示されるすべての非テキストコンテンツには、同等の目的を果たすテキストによる代替が提供されている。ただし、次の場合は除く: (レベル A)

  • コントロール、入力: 非テキストコンテンツが、コントロール又は利用者の入力を受け付けるものであるとき、その目的を説明する名前 (name) を提供している。 (コントロール及び利用者の入力を受け入れるコンテンツに関するその他の要件は、ガイドライン 4.1を参照。)

  • 時間依存メディア: 非テキストコンテンツが、時間に依存したメディアであるとき、テキストによる代替は、少なくとも、その非テキストコンテンツを識別できる説明を提供している。 (メディアに関するその他の要件は、ガイドライン 1.2を参照。)

  • テスト: 非テキストコンテンツが、テキストで提示されると無効になるテスト又は演習のとき、テキストによる代替は、少なくともその非テキストコンテンツを識別できる説明を提供している。

  • 感覚的: 非テキストコンテンツが、特定の感覚的体験を創り出すことを主に意図しているとき、テキストによる代替は、少なくともその非テキストコンテンツを識別できる説明を提供している。

  • CAPTCHA: 非テキストコンテンツが、コンピュータではなく人間がコンテンツにアクセスしていることを確認する目的で用いられているとき、テキストによる代替は、その非テキストコンテンツの目的を特定し、説明している。なおかつ、他の感覚による知覚に対応して出力する CAPTCHA の代替形式を提供することで、様々な障害に対応している。

  • 装飾、整形、非表示: 非テキストコンテンツが、純粋な装飾である、見た目の整形のためだけに用いられている、又は利用者に提供されるものではないとき、支援技術が無視できるように実装されている。

この達成基準の意図

この達成基準の意図は、非テキストコンテンツにより伝達される情報を、テキストによる代替を用いることによってアクセシブルにすることである。テキストによる代替は、利用者の要求に合わせてあらゆる感覚モダリティ (例えば、視覚、聴覚、又は触覚) を通じてレンダリング可能なので、情報をアクセシブルにするための最も重要な方法である。テキストによる代替を提供することにより、情報を様々なユーザエージェントによって様々な方法でレンダリングすることを可能にする。例えば、写真を見ることのできない利用者は、合成音声を用いてテキストによる代替を読み上げさせることができる。また、音声ファイルを聞くことができない利用者は、テキストによる代替を表示させることで、読むことができるようになる。将来的には、テキストによる代替は、情報を手話又は同じ言語のより単純な形式に、より容易に変換することも可能になるだろう。

CAPTCHA に関する注記

CAPTCHA は、アクセシビリティのコミュニティにおいて、議論の的になるトピックの一つである。Inaccessibility of CAPTCHA で説明されているように、CAPTCHA はもともと、機械的な自動処理を排除しようとして、人間の能力の効果を追求するものである。特定の障害のある利用者は、あらゆる種類の CAPTCHA が解釈できないであろう。しかし、CAPTCHA は広く使われており、WCAG ワーキンググループは、もし CAPTCHA が完全に禁止されてしまったら、ウェブサイトは CAPTCHA の使用を断念するのではなく、WCAG に適合しないことを選択するだろうと考える。このことは、障害のある、非常に多くの利用者に対しての障壁を引き起こす。このため、ワーキンググループは、障害のある利用者のほとんどの要求を満たし、その上ウェブサイトが採用可能だと考えられる方法で、CAPTCHA に関する要件を構築することを選択した。異なる二つの形態の CAPTCHA をサイト上で提供することを要件として、障害のある利用者のほとんどが使用できる形式を見つけられるようにした。

中には最低限の要件を満たしているサイトに、それでもアクセスできない障害のある利用者もいるため、ワーキンググループは追加の手順に関する推奨を提供している。WCAG に適合する意欲のある組織は、このトピックの重要性を認識することが望ましく、かつ可能な限りこのガイドラインの最低要件を遥かに超えることが望ましい。追加の推奨される手段は、以下のものがある:

  • CAPTCHA を二つよりも多くのモダリティで提供する

  • CAPTCHA を回避できる、カスタマーサービスの担当者へのアクセスを提供する

  • 認証された利用者には CAPTCHA を要求しない

補足情報

非テキストコンテンツには様々な形態があり、この達成基準ではそれぞれをどのように扱うべきかを特定している。

下記のその他の状況のいずれも適用されない非テキストコンテンツ (例: グラフ、図表、録音した音声、写真、及びアニメーション) の場合、テキストによる代替はあらゆる感覚モダリティ (例えば、視覚、聴覚、又は触覚) によってレンダリング可能な形態で同じ情報を入手可能にできる。短い、及び長いテキストによる代替は、非テキストコンテンツにある情報を伝達するのに必要に応じて用いられる。収録済の音声しか含まないファイル及び収録済の映像しか含まないファイルは、ここで扱われている。ライブの音声しか含まないファイル及びライブの映像しか含まないファイルは、以下で扱われている (この段落の三つ後の段落を参照のこと)。

コントロール又は利用者の入力を受け入れる非テキストコンテンツ、例えば、送信ボタンとして用いられる画像、イメージマップ、又は複雑なアニメーションなどの場合、名前は、少なくともその非テキストコンテンツが何で、なぜそこにあるのかを認識できるように、その非テキストコンテンツの目的を説明するために提供される。

時間依存のメディアである非テキストコンテンツは、1.2 によりアクセシブルになる。しかし、利用者がそのメディアを利用したいことがもしあれば、利用者がどんな動作をするかを解決できるので、利用者がページ上でそのメディアに出会ったときに、そのメディアが何であるかを知ることが重要である。したがって、時間依存のメディアを説明する、及び/又はそのメディアのタイトルを示すテキストによる代替を提供する。

ライブの音声しか含まないコンテンツ及びライブの映像しか含まないコンテンツの場合、それらと同じ情報を示すテキストによる代替を提供することは、はるかに困難なこともありうる。このようなタイプの非テキストコンテンツに対しては、テキストによる代替は説明ラベルを提供する。

テスト又は演習が、部分的又は全体的に非テキストの形式で提示されなければならないことがある。そのテスト又は演習は、聴覚又は視覚を用いて行う必要があるため、音声又は視覚情報はテキストに変換することのできないものとして提示される。例えば、ヒアリングテストは、もしテキストによる代替が提供されるなら、効力がないだろう。視覚能力向上のための演習も、テキスト形式では同様に意味を成さない。さらに、テキストによる代替のあるスペルのテストもあまり効果がない。このような場合には、テキストによる代替は非テキストコンテンツの目的を説明するために提供されることが望ましい。もちろん、そのテキストによる代替は、テストに合格するために必要な情報と同じものは提供しないことになる。

言葉で完全に捉えられない特定の感覚的体験を作り出すことを主な目的とするコンテンツもある。例としては、交響楽団の演奏、視覚的な芸術作品などが挙げられる。そのようなコンテンツの場合、テキストによる代替は、少なくとも説明ラベルをもつ非テキストコンテンツ及び、可能ならば追加のテキストで特定できるようにする。ページにそのコンテンツを含む理由が分かっていて、かつ説明できる場合、その情報を含めることは役立つ。

利用者が人間であることを証明するために用いられる、非テキストの試験。スパムロボットやその他のソフトウェアがサイトにアクセスしてくるのを回避するために、CAPTCHA と呼ばれている仕掛けが用いられる。CAPTCHA には通常、今日のウェブロボットの能力を超えた視覚的又は聴覚的な課題を伴う。しかし、その課題に対してテキストによる代替を提供することは、ロボットでも操作可能なものにしてしまい、結果としてその目的を挫折させてしまう。このような場合、テキストによる代替は、CAPTCHA の目的を説明し、かつ、様々な障害のある利用者の要求に対処するために、異なるモダリティを用いた代替形式が提供される。

利用者が視覚的に確認したり、理解したりすることを実際には意図していない非テキストコンテンツ。ページ上でテキストを移動させるために用いる透過画像、ログ解析のために用いる非表示の画像、情報を伝えていないが、単に空白を埋めて美しい効果を作り出すコーナーのスウォール (渦巻き) などは、すべてこの例である。そのような画像にテキストによる代替を置くことは、スクリーンリーダーの利用者をそのページのコンテンツに集中できなくさせるだけである。しかし、形はどうあれコンテンツをマークアップしないことは、非テキストコンテンツがどのようなものか、(実際には何も見逃していていないにもかかわらず) どのような情報を見逃していたのかを利用者に推測させてしまうことになる。そのため、このような非テキストコンテンツについては、支援技術 (AT) がそれを無視して、かつ利用者に何も提示しない方法でマークアップ又は実装する。

達成基準 1.1.1 の具体的なメリット

  • この達成基準は、視覚的なコンテンツを知覚するのが困難な利用者の役に立つ。支援技術が、テキストを読み上げたり、視覚的に提示したり、点字に変換したりすることができるようになる。

  • テキストによる代替は、写真、図面、その他の画像 (例えば、線画、グラフィックデザイン、絵画、3D 表現)、グラフ、図表、アニメーションなどの意味を理解するのが困難な利用者の役に立つことがある。

  • ろう、難聴、又は何らかの理由で音声情報を理解するのが困難な人が、テキストによる提示を読むことができる。テキストを手話に自動翻訳する研究が現在進められている。

  • 盲ろうの利用者が、テキストを点字で読むことができるようになる。

  • 加えて、テキストによる代替は非テキストコンテンツの検索する能力を支援し、コンテンツを様々な方法で再利用できるようにする。

達成基準 1.1.1 の事例

  1. データのグラフ

    6 月、7 月、そして 8 月にどれだけの数の商品が売れたかを比較している棒グラフがある。短いラベルには、「図 1 - 6 月、7 月、8 月の売上」と書かれている。長い説明は、グラフの種類を特定し、そのグラフから見てとれるものに相当する、データ、傾向及び意味合いの高レベルな概要を提供している。可能かつ実用的な場合には、実際のデータが表で提供されている。

  2. 演説を録音した音声

    「議会での議長の演説」という音声クリップへのリンクがある。そして、音声クリップへのリンクの直後に、テキストの書き起こしへのリンクが提供されている。

  3. 車のエンジンがどのように動くのかを説明するアニメーション

    車のエンジンがどのように動くのかを見せているアニメーションがある。音声はなく、そのアニメーションはエンジンがどのように動くかを説明するチュートリアルの一部である。チュートリアルのテキストがすでに完全な説明をしているため、そのアニメーションはテキストの代替物であり、画像はテキストの代替物であり、テキストによる代替はそのアニメーションの簡潔な説明のみを含み、詳細についてはチュートリアルのテキストを参照している。

  4. 交通情報ウェブカメラ

    利用者がある大都市の至る所に設置された様々なウェブカメラを選択できるウェブサイトがある。どれか一つのカメラを選択すると、画像が 2 分おきに更新される。簡潔なテキストによる代替では、そのウェブカメラを「交通情報ウェブカメラ」と説明している。そのサイトでは、ウェブカメラで扱われる経路のそれぞれの所要時間を表で提供している。その表も 2 分おきに更新されている。

  5. ニュース記事にある歴史的な出来事の写真

    握手を交わしている 2 人の世界的指導者の写真が国際首脳会議に関するニュース記事に添えられている。テキストにより代替には、「X 国の X 大統領が、Y 国の Y 首相と握手している。」と記述されている。

  6. 外交関係を議論するコンテンツにある歴史的な出来事の写真

    同じ写真が外交会談のニュアンスを説明するために、異なる文脈で使われている。首相と握手している大統領の画像が、複雑な外交関係を議論しているウェブサイトに掲載されている。最初のテキストによる代替には、「X 国の X 大統領が、2009年 1 月 2 日に、Y 国の Y 首相と握手している。」と書かれている。追加のテキストによる代替は、両首脳の顔の表情だけでなく 2 人が立っている部屋の説明もしており、さらに、その部屋にいる他の人を明らかにしている。その追加の説明は、写真と同じページに含まれるかもしれないし、リンク又はその他の標準的なプログラムによるメカニズムによってその画像と関連付けられた別のファイルに含まれるかもしれない。

  7. 記者会見を録音した音声

    ウェブページに、記者会見を録音した音声へのリンクがある。リンクテキストは、録音された音声を示している。また、そのページには記者会見のテキストによる書き起こしへのリンクもある。テキストによる書き起こしには、話者が発言したすべての逐語的な記録が含まれる。そこには、例えば、喝采、笑い、聴衆からの質問など、その録音の一部であるその他の重要な音声に言及するだけでなく、誰が話しているのかも記されている。

  8. E-ラーニングアプリケーション

    回答が正しいかどうかを示すために効果音を用いている E-ラーニングアプリケーションがある。チャイム音はその回答が正解であることを示し、ビープ音はその回答が不正解であることを示している。テキストの説明もあるため、その音を聞いたり理解したりすることができない利用者も、その回答が正解かどうかを理解できる。

  9. リンクのあるサムネイル画像

    「スモールヴィル タイムス」のウェブサイトにリンクしている、新聞の一面のサムネイル画像がある。そのテキストによる代替には、「スモールヴィル タイムス」と記述されている。

  10. 異なるサイトで使われている同じ画像

    世界地図の画像に対する異なる代替の例: 旅行サイトで海外旅行コーナーへのリンクとして用いられている世界地図の画像には、「海外旅行」というテキストによる代替がある。同じ画像が、「国際キャンパス」というテキストによる代替とともに、ある大学のウェブサイトでリンクとして用いられている。

  11. イメージマップ

    ビルの見取り図のイメージマップ画像は操作可能で、利用者が特定の部屋を選択して、その部屋に関する情報のあるページへ移動できる。「ビルの見取り図。詳細については部屋を選択してください。」という簡潔なテキストによる代替が、そのイメージマップの画像と操作の目的を説明している。

達成基準 1.1.1 の達成方法及び失敗例 - 非テキストコンテンツ

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 短い説明が非テキストコンテンツと同じ目的を果たし、かつ同じ情報を提示できる場合:
  1. 次に挙げる状況 A における短いテキストによる代替の達成方法のいずれかを用いて、G94: 非テキストコンテンツに対して、それと同じ目的を果たし、かつ同じ情報を示す、簡潔なテキストによる代替を提供する:

状況 A における短いテキストによる代替の達成方法:

状況 B: 短い説明が非テキストコンテンツと同じ目的を果たせず、かつ同じ情報を提示できない場合 (例: チャート又は図表):
  1. 次に挙げる 状況 B における短いテキストによる代替の達成方法のいずれか及び状況 B における長いテキストによる代替の達成方法のいずれかを用いて、G95: 非テキストコンテンツの簡単な説明を提供する、簡潔なテキストによる代替を提供する :

状況 B における短いテキストによる代替の達成方法:

状況 B における長いテキストによる代替の達成方法:

状況 C: 非テキストコンテンツがコントロールである、又は利用者の入力を受け入れる場合:
  1. 次に挙げる状況 C におけるコントロールと入力のための短いテキストによる代替の達成方法のいずれかを用いて、G82: 非テキストコンテンツの目的を特定するテキストによる代替を提供する:

状況 C におけるコントロールと入力のための短いテキストによる代替の達成方法:

状況 D: 非テキストコンテンツが時間依存のメディアである (ライブの映像しか含まないコンテンツ及びライブの音声しか含まないコンテンツを含む)、テキストで提示されると無効になる試験又は演習である、又は、特定の感覚的体験を創り出すことを主に意図しているコンテンツである場合:
  1. 次に挙げる状況 D における短いテキストによる代替の達成方法のいずれかを用いて、ラベルを記述する:

  2. 次に挙げる 状況 D における短いテキストによる代替の達成方法 のいずれかを用いて、 G68: ライブの音声のみのコンテンツ及びライブの映像のみのコンテンツの目的を説明するために、簡潔なテキストによる代替を提供する:

  3. 次に挙げる 状況 D における短いテキストによる代替の達成方法 のいずれかを用いて、 G100: 非テキストコンテンツの一般に認められた名前 (name) 又は説明的な名前となる簡潔なテキストによる代替を提供する:

状況 D における短いテキストによる代替の達成方法:

状況 E: 非テキストコンテンツが CAPTCHA である場合:
  1. G143: CAPTCHA の目的を説明するために、テキストによる代替を提供するかつG144: 異なるモダリティを用いて同じ目的を果たす、もう一つの CAPTCHA がウェブページに含まれていることを確認する

状況 F: 非テキストコンテンツを支援技術が無視することが望ましい場合:
  1. 次に挙げる状況 F における必須ではないテキストによる代替を示す達成方法のいずれかを用いて、支援技術によって無視することができるように、非テキストコンテンツを実装またはマーク付けする:

状況 F における必須ではないテキストによる代替を示す達成方法:

1.1.1 でさらに対応が望まれる達成方法 (参考)

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

非テキストコンテンツに関する一般的な達成方法 (参考)
  • 参考情報の非テキストコンテンツを識別する (リンク追加予定)

  • 簡潔な説明を短く保つ (リンク追加予定)

  • テキストを含む画像を説明する (リンク追加予定)

  • 上記の長い説明のためのウェブコンテンツ技術特有の達成方法 (アクセシビリティ サポーテッドなコンテンツ技術) を用いて、説明のラベルが求められるところだけで、非テキストコンテンツのより長い説明を提供する (リンク追加予定)

  • 非テキストコンテンツが等価でアクセシブルな代替が無い場合、大きさの異なる非テキストコンテンツを提供する (リンク追加予定)

  • 文字画像の大きさを変えるサーバーサイドのスクリプトを使う (リンク追加予定)

ライブの非テキストコンテンツに関する一般的な達成方法 (参考)
  • 同等の情報を提供するテキスト情報 (例えば、交通のウェブカメラに対して、自治体が提供するテキストの交通情報へのリンク) にリンクする (リンク追加予定)

CAPTCHA の障壁を最小化する一般的な達成方法
  • CAPTCHA を二つより多い感覚モダリティで提供する (リンク追加予定)

  • CAPTCHA を回避できる、カスタマーサービスの担当者へのアクセスを提供する (リンク追加予定)

  • 認証された利用者には CAPTCHA を要求しない (リンク追加予定)

HTML の達成方法(参考)
  • H46: embed 要素と一緒に noembed 要素を用いる (HTML)

  • フレームをサポートしないブラウザのために作成する (リンク追加予定)

  • iframe 要素の代替コンテンツを提供する (リンク追加予定)

  • iframe 要素の長い説明を使わない (リンク追加予定)

  • クライアントサイドイメージマップのために冗長なテキストリンクを提供する (リンク追加予定)

CSS の達成方法 (参考)
WAI-ARIA の達成方法 (参考)
  • 純粋に表現のためだけの要素を示すために ARIA presentation ロールを使う (リンク追加予定)

Silverlight の達成方法 (参考)
メタデータの達成方法 (参考)
  • テキストによる書き起こしと映像を関連付けるためにメタデータを使う (リンク追加予定)

  • テキストによる書き起こしと音声しか含まないコンテンツを関連付けるためにメタデータを使う (リンク追加予定)

    • 事例: メタデータの中で、音声解説と映像のテキストによる書き起こしを示す URI を提供する

    • 事例: メタデータの中で、音声ファイルの複数のテキストによる書き起こし (英語、フランス語、ドイツ語) を示す URI を提供する

達成基準 1.1.1 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.1.1 の失敗例とみなした、よくある間違いである。

重要な用語

(この文書で用いられている) 支援技術 (assistive technology (as used in this document))

ユーザエージェントとして機能する、又は主流のユーザエージェントと一緒に機能するハードウェア及び/又はソフトウェアで、主流のユーザエージェントで提供されている機能以上の機能を、障害のある利用者の要求を満たすために提供するもの。

注記 1: 支援技術が提供する機能としては、代替の提示 (例: 合成音声や拡大表示したコンテンツ)、代替入力手法 (例: 音声認識)、付加的なナビゲーション又は位置確認のメカニズム、及びコンテンツ変換 (例: テーブルをよりアクセシブルにするもの) などを挙げることができる。

注記 2: 支援技術は、API を利用、監視することで、主流のユーザエージェントとデータやメッセージのやりとりをすることが多い。

注記 3: 主流のユーザエージェントと支援技術との区別は、絶対的なものではない。多くの主流のユーザエージェントは、障害者を支援する機能を提供している。基本的な差異は、主流のユーザエージェントが障害のある人もない人も含めて、広く多様な利用者を対象にしているのに対し、支援技術は、特定の障害のある利用者という、より狭く限られた人たちを対象にしているということである。支援技術により提供される支援は、対象とする利用者に特化した、よりニーズに適したものである。主流のユーザエージェントは、プログラムオブジェクトからのウェブコンテンツの抽出、マークアップの識別可能な構造への解釈といった、重要な機能を支援技術に対して提供する場合がある。

事例: この文書の文脈において重要な支援技術としては、以下のものが挙げられる:

  • 画面拡大ソフト及びその他の視覚的な表示に関する支援技術。視覚障害、知覚障害、及び読書困難などの障害のある人が、レンダリング後のテキスト及び画像の視覚的な読みやすさを改善するために、テキストのフォント、サイズ、間隔、色、音声との同期などを変更するのに使用している。

  • スクリーンリーダー。全盲の人がテキスト情報を合成音声あるいは点字で読み取るために使用している。

  • 音声変換ソフトウェア。認知障害、言語障害、及び学習障害のある人が、テキストを合成音声に変換するために使用している。

  • 音声認識ソフトウェア。何らかの身体障害のある利用者が使用することがある。

  • 代替キーボード。特定の身体障害のある人がキーボード操作をシミュレートするのに使用している (ヘッドポインタ、シングルスイッチ、呼気・吸気スイッチ、及びその他の特別な入力デバイスを使った代替キーボードを含む)。

  • 代替ポインティングデバイス。特定の身体障害のある人がマウスポインタとボタンの動きをシミュレートするのに使用している。

CAPTCHA

コンピュータと人間とを判別する完全自動化されたチューリングテスト (Completely Automated Public Turing test to tell Computers and Humans Apart) の頭文字語。

注記 1: CAPTCHA のテストは多くの場合、利用者に対し、不明瞭な画像又は音声ファイルによって提示されたテキストを入力するよう求める。

注記 2: チューリングテストは、人間とコンピュータを区別することを目的としたテストの仕組みである。その名は、高名なコンピュータ科学者のアラン チューリングにちなんでいる。この用語は、カーネギーメロン大学の研究者たちによる造語である。[CAPTCHA]

テキスト (text)

プログラムによる解釈が可能な文字の並びで、自然言語で何かを表現しているもの。

テキストによる代替 (text alternative)

非テキストコンテンツとプログラムで関連付けられるテキスト、又は非テキストコンテンツとプログラムで関連付けられるテキストから参照されるテキスト。プログラムで関連付けられたテキストとは、その場所を、非テキストコンテンツからプログラムによる解釈が可能なテキストである。

事例: チャートの画像があり、その直後の段落にテキストによる説明がある。チャートに対する短いテキストによる代替で後に説明があることを示している。

注記: より詳細な情報は、Understanding Text Alternatives を参照。

名前 (name)

ソフトウェアが、ウェブコンテンツのコンポーネントを利用者に識別させることができるテキスト。

注記 1: ラベルはすべての利用者に提示される一方で、名前 (name) は隠されていて、支援技術に対してだけ明らかにされる場合もある。多くの場合 (すべてではないが)、ラベルと名前 (name) は同じである。

注記 2: これは、HTML の name 属性とは関係がない。

特定の感覚的な体験 (specific sensory experience)

純粋な装飾ではなく、かつ重要な情報の伝達、又は機能の提供を主目的としない感覚的な体験。

事例: フルートのソロ演奏、視覚芸術の作品などが例として挙げられる。

純粋な装飾 (pure decoration)

見栄えのためだけのもので、情報は提供せず、機能性も備えていないもの。

注記: テキストが純粋な装飾といえるのは、単語を並べ替え、又は置き換えても意図が変わらないときだけである。

事例: 背景にとても淡い文字で単語がランダムに並んでいる辞書の表紙。

非テキストコンテンツ (non-text content)

プログラムによる解釈が可能な文字の並びではないコンテンツ、又は文字の並びが自然言語においても何をも表現していないコンテンツ。

注記: これには、 (文字による図画である) ASCII アート、顔文字、 (文字を置き換える) リートスピーク、文字を表現している画像が含まれる。


時間依存メディア:
ガイドライン 1.2 を理解する

ガイドライン 1.2: 時間依存メディアには代替コンテンツを提供すること。

ガイドライン 1.2 の意図

このガイドラインの目的は、時間の経過に伴って変化する、同期したメディアへのアクセスを提供することである。具体的には、次のようなメディアがある:

  • 音声しか含まない

  • 映像しか含まない

  • 音声と映像を含む

  • インタラクションを組み合わせた音声と映像、又は音声あるいは映像のどちらかを含む

コンテンツ制作者が、そのコンテンツにはどの達成基準が適用されるのかを素早く容易に判断できるように、各達成基準が適用されるメディアの種類をその簡潔な名前で示している。

音声しか含まないメディア又は映像しか含まないメディアに対しては、達成基準の名前に「音声しか含まない」又は「映像しか含まない」とあるものを適用するだけでよい。そのメディアが、音声しか含まないメディア又は映像しか含まないメディアではない場合、残りの達成基準すべてが適用される。

そして、メディアは、ライブ又は収録済のどちらかである。その達成基準がライブ又は収録済のどちらのメディアに適用されるのかが、各達成基準の簡潔な名前ではっきりと分かるようになっている。

同期したメディアは、用語集で次のように定義されている:

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

インタラクションに付随する音声ファイルは、インタラクションを伴う映像しか含まないファイルと同様に、このガイドラインの対象であることに留意されたい。これらが対象となっているのは、インタラクションが特定のタイミングで発生しなければならないからである。例えば、「より多くの情報を知るためには、今、クリックしてください」というトランスクリプトをつけるのは、全く役に立たない。なぜなら、利用者にはその音声がどのタイミングで「今」と言ったのかが分からないからである。そのため、同期したキャプションが必要となる。

時には、音声解説を発話内にある合間にぴったり収めることができないくらい沢山の発話があることがある。同期したメディアの音声解説ではなく、時間の経過に伴って変化するメディアの代替を提供するレベル A での選択肢は、同期したメディアにあるすべての情報へのアクセスを可能にすることである。また、この選択肢は、何らかの理由で音声解説が提供されていないとき、視覚的でない形態での視覚的な情報へのアクセスも可能にする。

インタラクションを伴う同期したメディアの場合、時間の経過に伴って変化するメディアの代替の中にインタラクティブな要素(例えば、リンク)を埋め込むことが可能である。

また、このガイドラインには、(レベル AAA で) 同期したメディアへの手話通訳というアプローチの他に、拡張した音声解説と呼ばれるアプローチがある。拡張した音声解説では、映像を一時的に停止させて、実際に存在する発話の合間で可能な量よりも多くの音声解説を提供することができる。これは、要件を積み上げていくようにして徐々に強めていくという意図があって、低いレベルの達成基準の上にそれよりも高いレベルの達成基準を設けている一例である。

ガイドライン 1.2 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • このガイドラインの参考にすべき達成方法はすべて、特定の達成基準に関係している。

音声のみ及び映像のみ (収録済) :
達成基準 1.2.1 を理解する

1.2.1 音声のみ及び映像のみ (収録済) : 収録済音声しか含まないメディア及び収録済の映像しか含まないメディアは、次の事項を満たしている。ただし、その音声又は映像がメディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされている場合は除く: (レベル A)

  • 収録済の音声しか含まない場合:時間依存メディアに対する代替コンテンツによって、収録済の音声しか含まないコンテンツと同等の情報を提供している。

  • 収録済の映像しか含まない場合: 時間依存メディアに対する代替コンテンツ又は音声トラックによって、収録済の映像しか含まないコンテンツと同等の情報を提供している。

この達成基準の意図

この達成基準の意図は、収録済の音声しか含まないコンテンツ及び収録済の映像しか含まないコンテンツの伝える情報を、すべての利用者が入手できるようにすることである。テキストは利用者のニーズに合った、あらゆる感覚モダリティ (例えば、視覚、聴覚、又は触覚) を通じてレンダリング可能であるため、時間依存メディアの代替は、情報をアクセシブルにする。将来的には、テキストを記号、手話、又はその言語のより単純な形態に変えることも可能になるかもしれない。

音声情報や利用者のインタラクションを伴わない収録済の映像の例は、無声映画である。書き起こしの目的は、視覚的に提示されるものと同等のものを提供することである。収録済の映像コンテンツの場合、コンテンツ制作者には音声トラックを提供するという選択肢がある。音声による代替の目的は、映像と同等のものになることである。これにより、視覚障害の有無に関係なく、利用者はコンテンツを同時に楽しむことが可能になる。このアプローチはまた、映像と音声の並行した提示を提供するため、認知障害、言語障害、及び学習障害のある利用者がコンテンツを理解しやすくすることができる。

注記: 音声情報がない映像に対し同等として提供されている音声に対しては、テキストによる代替は必要ない。例えば、無声映画の代替として提供されている音声解説にキャプションを付与する必要はない。

達成基準 1.2.9 音声のみ (ライブ) を理解するも参照のこと。

達成基準 1.2.1 の具体的なメリット

  • この達成基準は、視覚的なコンテンツを知覚するのが困難な利用者の役に立つ。支援技術が、テキストによる代替を音声で読み上げる、視覚的に提示する、又は点字に変換することが可能になる。

  • テキストベースの時間依存メディアの代替は、収録済の映像コンテンツの意味を理解するのが困難な利用者の役に立つことがある。

  • ろう、難聴、又は何らかの理由で音声情報を理解するのが困難な利用者が、テキストによる提示を読むことができるようになる。テキストを手話に自動変換する研究が現在進められている。

  • 盲ろうの利用者が、テキストを点字で読むことができるようになる。

  • 加えて、テキストは、非テキストコンテンツを検索可能なものにし、コンテンツを様々な方法で再利用できるようにする。

達成基準 1.2.1 の事例

  • 演説を録音した音声

    「議会での議長の演説」という音声クリップへのリンクがある。テキストによる書き起こしへのリンクが、その音声クリップへのリンクの直後に提供されている。

  • 記者会見の音声録音

    ウェブページに、録音音声であることが分かる記者会見の録音音声へのリンクがある。そのページには、記者会見のテキストによる書き起こしへのリンクもある。その書き起こしは、話者が発言したすべての逐語的な記録がある。その記録には、誰が話しているのかだけでなく、喝采、笑い、聴衆からの質問など、その録音の一部であるその他の重要な音声も特定する。

  • 車のエンジンがどのように動くのかを説明するアニメーション

    車のエンジンがどのように動くのかを見せているアニメーションがある。音声はなく、そのアニメーションはエンジンがどのように動くかを説明するチュートリアルの一部である。チュートリアルのテキストがすでに完全な説明をしているため、そのアニメーションはテキストの代替物であり、画像はテキストの代替物であり、テキストによる代替はそのアニメーションの簡潔な説明のみを含み、詳細についてはチュートリアルのテキストを参照している。

  • 音声トラック付きの、映像しか含まないファイル

    無音映画に、映像の動きを説明している音声トラックがある。

関連リソース

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

達成基準 1.2.1 の達成方法及び失敗例 - 音声のみ及び映像のみ (収録済)

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 収録済の音声しか含まないコンテンツの場合:
  1. G158: 音声のみの時間依存メディアに対する代替コンテンツを提供する

  2. SL17: Providing Static Alternative Content for Silverlight Media Playing in a MediaElement (Silverlight)

状況 B: 収録済の映像しか含まないコンテンツの場合:
  1. G159: 映像のみの時間依存メディアに対する代替コンテンツを提供する

  2. G166: 重要な映像コンテンツを説明する音声を提供する

  3. SL17: Providing Static Alternative Content for Silverlight Media Playing in a MediaElement (Silverlight)

1.2.1 でさらに対応が望まれる達成方法 (参考)

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

  • H96: 音声解説を提供するために、track 要素を使用する (HTML)

  • 事後に、ライブの音声しか含まない提示の書き起こしを提供する (リンク追加予定)

  • 同等の情報を提供するテキスト情報 (例えば、交通のウェブカメラに対して、自治体が提供するテキストの交通情報へのリンク) にリンクする (リンク追加予定)

重要な用語

メディアによるテキストの代替 (media alternative for text)

テキストで (直接又はテキストによる代替によって) 既に提示されている情報以上のものを提示していないメディア。

注記: メディアによるテキストの代替は、テキストを代替する提示の恩恵を受ける人たちのために提供される。テキストの代替メディアになりうるのは、音声しか含まないメディア、映像しか含まない (手話の映像を含む) メディア、又は音声付映像メディアである。

収録済 (prerecorded)

ライブではない情報。

映像しか含まない (video-only)

映像のみを含んだ、時間に依存する提示 (音声やインタラクションを含まない)。

時間依存メディアに対する代替コンテンツ (alternative for time-based media)

時間依存の視覚的及び聴覚的情報を正しい順序で説明したテキストを含み、あらゆる時間依存のインタラクションによる結果を得る手段を提供している文書。

注記: 同期したメディアのコンテンツを作るために用いられる脚本は、編集が終了した最終版の同期したメディアを正確に描写した脚本に修正されている場合だけ、この定義を満たす。

音声しか含まない (audio-only)

音声のみを含んだ、時間に依存する提示 (映像やインタラクションを含まない)。


キャプション (収録済) :
達成基準 1.2.2 を理解する

1.2.2 キャプション (収録済) : 同期したメディアに含まれているすべての収録済音声コンテンツに対して、キャプションが提供されている。ただし、その同期したメディアがメディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされている場合は除く。 (レベル A)

この達成基準の意図

この達成基準の意図は、ろう又は難聴の利用者が、同期したメディアによる提示を見られるようにすることである。キャプションは、音声トラックを通じて利用可能なコンテンツの一部を提供する。キャプションは、会話を含むだけでなく、誰が話しているのかも特定し、意味のある効果音を含む、音声によって伝えられている非音声情報も含む。

現在のところ、時間依存の素材に対してキャプションを作成することは困難であるかもしれないことが認められている。これは、キャプションが利用可能になるまで情報を延期する、又は少なくともキャプションが利用可能になるまでの期限で、ろう者にアクセシブルでない時間依存のコンテンツを公開するという選択に直面するコンテンツ制作者をもたらす可能性がある。時間とともに、配信プロセスにキャプション付けを組み込むツールだけでなく、キャプションを付けるためのツールも、そのような遅延を短縮する又は除去するだろう。

同期したメディア自体が、ウェブページ上でテキストによってすでに提示もされている情報の代替の提示であるとき、キャプションは必要ない。例えば、ページ上の情報が、テキストで既に提示されている情報よりも多くの情報を提示していないが、認知、言語、又は学習障害のある利用者が理解しやすい同期したメディアによる提示を伴う場合、キャプションを提供する必要はない。なぜなら、その情報は、既にテキスト又は (例えば、画像の) テキストによる代替によって、ページ上に提供されているからである。

達成基準 1.2.4 キャプション (ライブ) を理解するも参照のこと。

達成基準 1.2.2 の具体的なメリット

  • ろう又は難聴の利用者が、同期したメディアによるコンテンツにある音声情報を、キャプションを通じて入手できる。

達成基準 1.2.2 の事例

  • キャプションを提供しているチュートリアル

    映像クリップは結び目の作り方を示している。キャプションは次のように読める。

    「(音楽)

    船乗り、兵士、そして木こりのような人たちにとっては、

    ロープを使って結び目を作るのは、重要なスキルでした。」

    Whit Anderson による、書き起こしテキストのフォーマットのサンプルより。

  • 複雑な法律文書は、様々な段落の内容を話す人を示す同期したメディアクリップを含んでいる。各クリップは、対応する段落に関連付けられている。その同期したメディアには、キャプションが提供されていない。

  • 部品の説明とその必要な向きを含む取扱説明書には、部品が正しい向きで示されている同期したメディアによるクリップがある。その同期したメディアによるクリップには、キャプションが提供されていない。

  • オーケストラがコンサート映像にキャプションを提供している。キャプションは、台詞や歌詞を逐語的に提供するだけでなく、タイトル、楽章、作曲者などさまざまな情報を提供することで、利用者が音声の特徴を理解することを助け、楽器のみの音楽を明らかにしている。例えば、

    「[管弦楽組曲第 3 番 ニ長調 BWV 1068 - 第 2 曲 G 線上のアリア]

    [作曲者 ヨハン ゼバスティアン バッハ]

    ♪ 遅いテンポの落ち着いたメロディ ♪」

    注記: キャプションのスタイルガイドは言語によって異なる可能性がある。

関連リソース

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

キャプションの付け方ガイド

SMIL のリソース

キャプションの付け方のその他のリソース

キャプションを付けるためのツール

達成基準 1.2.2 の達成方法及び失敗例 - キャプション (収録済)

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

1.2.2 でさらに対応が望まれる達成方法 (参考)

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

  • 映像のみのクリップに対して、「このクリップには音は使われていません」という注記を提供する (リンク追加予定)

  • 音声トラックのすべての言語のキャプションを提供するために SMIL 1.0 を使う (リンク追加予定)

  • 音声トラックのすべての言語のキャプションを提供するために SMIL 2.0 を使う (リンク追加予定)

重要な用語

キャプション (captions)

そのメディアのコンテンツを理解するのに必要な、会話及び会話でない音声情報に対する、同期した視覚、及び/又はテキストによる代替

注記 1: キャプションは会話のみの字幕と似ているが、会話の内容だけを伝えるのではなく、その番組の内容を理解するために必要な効果音、音楽、笑い声、話者の特定、位置などを含む、会話でない音声情報と同等の内容も伝える点が異なる。

注記 2: クローズドキャプションは、音声情報と同等の内容で、プレーヤーによっては表示/非表示を切り替えることができるものを指す。

注記 3: オープンキャプションは、非表示にできないキャプションである。例えば、キャプションが同等の視覚化された文字画像映像に埋め込まれている場合である。

注記 4: キャプションは、映像に含まれる情報を分かりにくくしたり遮ったりすべきではない。

注記 5: 国によっては、キャプションは "subtitle" と呼ばれている。

訳注: subtitleには、「字幕」の意がある。日本では、キャプションのことを一般に字幕と呼ぶことが多い。

注記 6: 音声解説にキャプションをつけることもできるが、つける必要はない。なぜなら、音声解説は既に視覚的に提示されている情報の説明だからである。

メディアによるテキストの代替 (media alternative for text)

テキストで (直接又はテキストによる代替によって) 既に提示されている情報以上のものを提示していないメディア。

注記: メディアによるテキストの代替は、テキストを代替する提示の恩恵を受ける人たちのために提供される。テキストの代替メディアになりうるのは、音声しか含まないメディア、映像しか含まない (手話の映像を含む) メディア、又は音声付映像メディアである。

収録済 (prerecorded)

ライブではない情報。

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

音声 (audio)

音の再生技術。

注記: 音声には、合成して作られたもの (音声合成を含む)、実世界の音を収録したもの、又はその両方が含まれる。


音声解説、又はメディアに対する代替 (収録済) :
達成基準 1.2.3 を理解する

1.2.3 音声解説、又はメディアに対する代替 (収録済) : 同期したメディアに含まれている収録済映像コンテンツに対して、時間依存メディアに対する代替コンテンツ又は音声解説が提供されている。ただし、その同期したメディアがメディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされている場合は除く。 (レベル A)

この達成基準の意図

この達成基準の意図は、全盲又は視覚障害のある利用者に、同期したメディアによる提示にある視覚的な情報へのアクセスを提供することである。この達成基準では、二つのアプローチについて説明しているが、いずれかを使用できる。

一つめのアプローチは、映像コンテンツの音声解説を提供することである。音声解説は、映像部分が利用できない場合に、必要とする情報を持つ提示の音声部分を増強する。会話の切れ目の間に、音声解説は、重要かつ主音声では説明又は話されていない、動き、登場人物、シーンの変化、画面上の文字に関する情報を提供する。

二つめのアプローチは、同期したメディア (視覚と聴覚の両方) のすべての情報をテキスト形式で提供することである。時間依存メディアの代替は、同期したメディアのコンテンツで提供されているすべての連続する情報を提供するものである。時間依存メディアの代替は、脚本や歌詞のようなものを読み上げる。音声解説とは異なり、映像部分の説明は、既存の会話の合間だけに制限されることはない。視覚的なコンテキスト、登場人物の動き及び表情、並びにその他のあらゆる視覚的なものを含む、すべての視覚的な情報について、完全な説明を提供する。さらに、会話ではない音声 (笑い声、画面外の声など) を説明し、すべての会話の書き起こしテキストを含む。説明及び会話の書き起こしテキストの順序は、同期したメディア自体での順序と同じである。結果的に、時間依存メディアの代替は、同期したメディアコンテンツについて、音声解説だけの場合よりもはるかに完全な説明を提供できる。

同期したメディアによる提示の一部分として何らかのインタラクションがある場合 (例えば、「質問に答えるために、今、ボタンを押してください。」)、時間依存メディアの代替は、ハイパーリンク又は同じ機能を提供するのに必要なものを提示することになる。

注記 1: 達成基準 1.2.3、1.2.5、及び 1.2.7 では、映像トラックにある情報のすべてが音声トラックですでに提供されている場合に、音声解説を必要としない。

注記 2: 達成基準 1.2.3、1.2.5、及び 1.2.8 は、互いにある程度重複する。これは、最低限の適合レベルではコンテンツ制作者に選択肢を与え、より高い適合レベルでは追加の要件を提示するためである。達成基準 1.2.3 のレベル A では、コンテンツ制作者には、音声解説又は完全なテキストによる代替のどちらかを提供するという選択肢がある。レベル AA の適合を望む場合、達成基準 1.2.5 のもとで、コンテンツ制作者は音声解説を提供しなければならない。これは、達成基準 1.2.3 に対して代替を選択する場合に、レベル AA の要件をすでに満たしていることになるが、そうでなければ、音声解説の提供は追加の要件ということになる。達成基準 1.2.8 のもとでのレベル AAA では、コンテンツ制作者は拡張したテキストの説明を提供しなければならない。達成基準 1.2.3 と 1.2.5 の両方が音声解説だけを提供することで要件を満たしていた場合には、これは追加の要件ということになる。しかし、達成基準 1.2.3 をテキストの説明を提供することで満たし、なおかつ達成基準 1.2.5 の音声解説の要件を満たしている場合には、達成基準 1.2.8 は新しい要件を追加することにはならない。

達成基準 1.2.5 音声解説 (収録済) を理解する 達成基準 1.2.7 拡張音声解説 (収録済) を理解する、及び 達成基準 1.2.8 メディアに対する代替 (収録済) を理解するも参照のこと。

達成基準 1.2.3 の具体的なメリット

  • この達成基準は、映像コンテンツ又はその他の同期したメディアのコンテンツを見るのが困難な利用者の役に立つ。これには、動きのある画像を知覚又は理解するのが困難な利用者も含む。

達成基準 1.2.3 の事例

  • 音声解説を提供している映画

    音声解説: タイトル「進化のケーススタディの授業 ボニー チェン」くちばしが長くて薄い鳥の写真を、先生が見せている。

    ボニー チェン:「これらの写真はすべて、フロリダのエバーグレイド国立公園で撮影されたものです。」

    音声解説: 先生が生徒ひとりひとりに二つの平らで薄い木の棒切れを手渡ししています。

    ボニー チェン:「皆さん、今日は、こんなくちばしをした、脚の長い鳥になったふりをしてください。」

    音声解説: 先生が、二つの棒切れを口にあてて、くちばしの形を作っています。

    音声の書き起こしは、「Teaching Evolution Case Stuides, Bonnie Chen」(copyright WGBH and Clear Blue Sky Productions, Inc.) の冒頭の数分間に基づいている。

  • ある研修ビデオでの、時間依存メディアの代替

    ある企業では、従業員のための研修ビデオを購入し、その企業のイントラネット上に置いている。そのビデオでは、新しい技術の使い方を説明していて、同時に話したり見せたりする人物が登場する。会話の合間に、視覚的な実演の音声解説を挿入する箇所がないため、その企業では、その実演を見ることができない人を含む、すべての従業員がその実演をよりよく理解するために使用できる、時間依存メディアの代替を提供している。

達成基準 1.2.3 の達成方法及び失敗例 - 音声解説、又はメディアに対する代替 (収録済)

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

達成基準を満たすことのできる達成方法

  1. 次の達成方法のどれか一つを用いて、G69: 時間依存メディアに対する代替コンテンツを提供する

  2. 次の達成方法のどれか一つを用いて、時間依存メディアの代替へのリンクを提供する

  3. G78: 音声解説を含んだ、利用者が選択可能な副音声トラックを提供する

  4. G78: 音声解説を含んだ、利用者が選択可能な副音声トラックを提供するかつSL1: Accessing Alternate Audio Tracks in Silverlight Media (Silverlight)

  5. 次のどれか一つを用いて、G173: 映像の音声解説付きバージョンを提供する

  6. 次のどれか一つを用いて、G8: 拡張音声解説が付いたムービーを提供する

  7. G203: 話者が話すのみの映像を説明するために、静的なテキストによる代替を使用する

1.2.3 でさらに対応が望まれる達成方法 (参考)

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

達成基準 1.2.3 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.2.3 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

メディアによるテキストの代替 (media alternative for text)

テキストで (直接又はテキストによる代替によって) 既に提示されている情報以上のものを提示していないメディア。

注記: メディアによるテキストの代替は、テキストを代替する提示の恩恵を受ける人たちのために提供される。テキストの代替メディアになりうるのは、音声しか含まないメディア、映像しか含まない (手話の映像を含む) メディア、又は音声付映像メディアである。

収録済 (prerecorded)

ライブではない情報。

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

映像 (video)

写真や画像を動かしたり、連続して表示したりする技術。

注記: 映像はアニメーション、実写、もしくはその両方で構成され得る。

時間依存メディアに対する代替コンテンツ (alternative for time-based media)

時間依存の視覚的及び聴覚的情報を正しい順序で説明したテキストを含み、あらゆる時間依存のインタラクションによる結果を得る手段を提供している文書。

注記: 同期したメディアのコンテンツを作るために用いられる脚本は、編集が終了した最終版の同期したメディアを正確に描写した脚本に修正されている場合だけ、この定義を満たす。

音声解説 (audio description)

主音声のトラックだけでは理解できない重要で視覚的な詳細を説明するために、音声トラックに追加されたナレーション。

注記 1: 映像の音声解説は、動作、登場人物、場面の変化、画面上のテキスト、及びその他の視覚的なコンテンツに関する情報を提供する。

注記 2: 標準的な音声解説では、ナレーションが会話の合間に挿入される。 (拡張音声解説も参照。)

注記 3: 映像情報のすべてが既存の音声ですでに提供されている場合、補足の音声解説は不要である。

注記 4: "video description" や "descriptive narration" とも呼ばれる。

訳注: 日本語では「音声ガイド」とも呼ばれる。


キャプション (ライブ) :
達成基準 1.2.4 を理解する

1.2.4 キャプション (ライブ) : 同期したメディアに含まれているすべてのライブ音声コンテンツに対してキャプションが提供されている。 (レベル AA)

この達成基準の意図

この達成基準の意図は、ろう又は難聴の利用者がリアルタイムの提示を見られるようにすることである。キャプションは、音声トラックを通じて利用可能なコンテンツの一部を提供する。キャプションには、会話を含めるだけでなく、誰が話しているのかも特定し、そして、効果音及びその他の重要な音声を表記する。

この達成基準は、同期したメディアの放送に適用することを意図しており、ウェブアプリケーションを介し 2 人以上の個人間で行う双方向のマルチメディア電話に対し、利用者のニーズにかかわらずキャプションの提供を求めることを意図していない。キャプションを提供する責任は、コンテンツの提供者 (電話をかける人) 又は「ホスト」として電話をかける人に課せられるもので、アプリケーションには課せられない。

達成基準 1.2.4 の具体的なメリット

  • ろう又は難聴の利用者が、同期したメディアのコンテンツにある音声情報を、キャプションを通じて入手することができるようになる。

達成基準 1.2.4 の事例

  • ウェブキャスト

    報道機関が、ライブのキャプション付きウェブキャストを提供している。

  • 音楽のウェブキャスト

    オーケストラが、個々のリアルタイムウェブパフォーマンスのコミュニケーション アクセス リアルタイム トランスレーション (CART) によりキャプションを提供している。CART サービスは、歌詞や会話を取り込むだけでなく、タイトル及び楽章、作曲者、利用者が音楽の性質を理解するのに役立つあらゆる情報によって、歌のない音楽を特定する。

関連リソース

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

達成基準 1.2.4 の達成方法及び失敗例 - キャプション (ライブ)

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

達成基準を満たすことのできる達成方法

  1. G9: ライブの同期したメディアに対してキャプションを作成するかつG93: オープン (常に見える) キャプションを提供する

  2. クローズドキャプションをサポートするビデオプレーヤーのある、すぐに利用可能なメディア形式を用いて、G9: ライブの同期したメディアに対してキャプションを作成するかつG87: クローズドキャプションを提供する

  3. 次のどれか一つを用いて、G9: ライブの同期したメディアに対してキャプションを作成するかつG87: クローズドキャプションを提供する:

注記: キャプションは、リアルタイムのテキスト変換サービスを用いて生成できるかもしれない。

1.2.4 でさらに対応が望まれる達成方法 (参考)

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

(まだ文書化されていない)

達成基準 1.2.4 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.2.4 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

キャプション (captions)

そのメディアのコンテンツを理解するのに必要な、会話及び会話でない音声情報に対する、同期した視覚、及び/又はテキストによる代替

注記 1: キャプションは会話のみの字幕と似ているが、会話の内容だけを伝えるのではなく、その番組の内容を理解するために必要な効果音、音楽、笑い声、話者の特定、位置などを含む、会話でない音声情報と同等の内容も伝える点が異なる。

注記 2: クローズドキャプションは、音声情報と同等の内容で、プレーヤーによっては表示/非表示を切り替えることができるものを指す。

注記 3: オープンキャプションは、非表示にできないキャプションである。例えば、キャプションが同等の視覚化された文字画像映像に埋め込まれている場合である。

注記 4: キャプションは、映像に含まれる情報を分かりにくくしたり遮ったりすべきではない。

注記 5: 国によっては、キャプションは "subtitle" と呼ばれている。

訳注: subtitleには、「字幕」の意がある。日本では、キャプションのことを一般に字幕と呼ぶことが多い。

注記 6: 音声解説にキャプションをつけることもできるが、つける必要はない。なぜなら、音声解説は既に視覚的に提示されている情報の説明だからである。

ライブ (live)

現実の出来事から取り込まれ、放送遅延以上の遅延なく受け手に送信される情報。

注記 1: 放送遅延は、短時間の (通常は自動的な) 遅れで、例えば放送局に放送のタイミングの調整や音声 (又は映像) の検閲のための時間を与えるものだが、意味のある編集ができるほどのものではない。

注記 2: もし情報が完全にコンピュータで生成されたものならば、それはライブではない。

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

音声 (audio)

音の再生技術。

注記: 音声には、合成して作られたもの (音声合成を含む)、実世界の音を収録したもの、又はその両方が含まれる。


音声解説 (収録済) :
達成基準 1.2.5 を理解する

1.2.5 音声解説 (収録済) : 同期したメディアに含まれているすべての収録済映像コンテンツに対して、音声解説が提供されている。 (レベル AA)

この達成基準の意図

この達成基準の意図は、全盲又は視覚障害のある利用者に、同期したメディアによる提示にある視覚的な情報へのアクセスを提供することである。音声解説は、映像部分が利用できない場合に、必要とされる情報を持つその提示の音声部分を増強する。会話の切れ目の間に、音声解説は、重要かつ主音声では説明又は話されていない、動き、登場人物、シーンの変化、画面上の文字に関する情報を提供する。

注記 1: 達成基準 1.2.3、1.2.5、及び 1.2.7 では、映像トラックにある情報のすべてが音声トラックですでに提供されている場合に、音声解説を必要としない。

注記 2: 達成基準 1.2.3、1.2.5、及び 1.2.8 は、互いにある程度重複する。これは、最低限の適合レベルではコンテンツ制作者に選択肢を与え、より高い適合レベルでは追加の要件を提示するためである。達成基準 1.2.3 のレベル A では、コンテンツ制作者には、音声解説又は完全なテキストによる代替のどちらかを提供するという選択肢がある。レベル AA の適合を望む場合、達成基準 1.2.5 のもとで、コンテンツ制作者は音声解説を提供しなければならない。これは、達成基準 1.2.3 に対して代替を選択する場合に、レベル AA の要件をすでに満たしていることになるが、そうでなければ、音声解説の提供は追加の要件ということになる。達成基準 1.2.8 のもとでのレベル AAA では、コンテンツ制作者は拡張したテキストの説明を提供しなければならない。達成基準 1.2.3 と 1.2.5 の両方が音声解説だけを提供することで要件を満たしていた場合には、これは追加の要件ということになる。しかし、達成基準 1.2.3 をテキストの説明を提供することで満たし、なおかつ達成基準 1.2.5 の音声解説の要件を満たしている場合には、達成基準 1.2.8 は新しい要件を追加することにはならない。

達成基準 1.2.5 の具体的なメリット

  • 全盲又はロービジョンの利用者、及び認知能力の低下により何が起こっているのかを視覚的に解釈しづらい利用者が、視覚情報の音声解説から恩威を受けられるようになる。

達成基準 1.2.5 の事例

  • 音声解説を提供している映画

    音声解説: タイトル「進化のケーススタディの授業 ボニー チェン」くちばしが長くて薄い鳥の写真を、先生が見せている。

    ボニー チェン:「これらの写真はすべて、フロリダのエバーグレイド国立公園で撮影されたものです。」

    音声解説: 先生が生徒ひとりひとりに二つの平らで薄い木の棒切れを手渡ししています。

    ボニー チェン:「今日、皆さんは、こんなくちばしをした、脚の長い鳥になったふりをしてください。」

    音声解説: 先生が、二つの棒切れを口にあてて、くちばしの形を作っています。

    音声の書き起こしは、「Teaching Evolution Case Stuides, Bonnie Chen」(copyright WGBH and Clear Blue Sky Productions, Inc.) の冒頭の数分間に基づいている。

達成基準 1.2.5 の達成方法及び失敗例 - 音声解説 (収録済)

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

1.2.5 でさらに対応が望まれる達成方法 (参考)

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

  • H96: 音声解説を提供するために、track 要素を使用する (HTML)

  • SMIL 1.0 によって多様な言語の音声解説を提供する (リンク追加予定)

  • SMIL 2.0 によって多様な言語の音声解説を提供する (リンク追加予定)

  • ライブの同期したメディアに対して音声解説を提供する (リンク追加予定)

達成基準 1.2.5 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.2.5 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

収録済 (prerecorded)

ライブではない情報。

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

映像 (video)

写真や画像を動かしたり、連続して表示したりする技術。

注記: 映像はアニメーション、実写、もしくはその両方で構成され得る。

音声解説 (audio description)

主音声のトラックだけでは理解できない重要で視覚的な詳細を説明するために、音声トラックに追加されたナレーション。

注記 1: 映像の音声解説は、動作、登場人物、場面の変化、画面上のテキスト、及びその他の視覚的なコンテンツに関する情報を提供する。

注記 2: 標準的な音声解説では、ナレーションが会話の合間に挿入される。 (拡張音声解説も参照。)

注記 3: 映像情報のすべてが既存の音声ですでに提供されている場合、補足の音声解説は不要である。

注記 4: "video description" や "descriptive narration" とも呼ばれる。

訳注: 日本語では「音声ガイド」とも呼ばれる。


手話 (収録済) :
達成基準 1.2.6 を理解する

1.2.6 手話 (収録済) : 同期したメディアに含まれているすべての収録済音声コンテンツに対して、手話通訳が提供されている。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、ろう者又は難聴の人で手話に堪能な人が、同期したメディアによる提示の音声トラックコンテンツを理解できるようにすることである。例えば、キャプションに書かれているようなテキストは、第二言語であることがよくある。手話は、キャプションには反映されないが手話通訳には反映されるイントネーション、感情、及びその他の音声情報を与える能力を提供するので、手話通訳は同期したメディアに対してより豊かでより等価なアクセスを提供する。手話で幅広くやりとりする人はまた、手話のほうがより速くなり、同期したメディアは、時間依存の提示となる。

達成基準 1.2.6 の具体的なメリット

  • 自然言語が手話である人は、読解力が限られていることもある。こうした人は、キャプションを読んで理解できないことがあり、したがって、同期したメディアコンテンツにアクセスするために手話通訳を必要とする。

達成基準 1.2.6 の事例

  • 事例 1. ある企業が、すべての従業員に重要な発表をしている。総会は本社で行われていて、ウェブでストリーミング配信されている。総会の場には手話通訳者がいる。ライブの映像には、プレゼンテーションをしている人物だけでなく手話通訳者も全身が映し出されている。

  • 事例 2. 事例 1 にあるのと同じ発表が、遠隔地にいる従業員にはウェブキャストで届けられている。利用可能な画面が一つしかないため、画面のコーナーに手話通訳者が映し出されている。

  • 事例 3. ある大学が、講義をする教授の同期したメディアによるプレゼンテーションを作成して、講義のオンライン版を提供している。そのプレゼンテーションには、化学の実験を解説して実演している教授の映像がある。講義内容の手話通訳を制作して、ウェブ上で同期したメディア版とあわせて提供している。

達成基準 1.2.6 の達成方法及び失敗例 - 手話 (収録済)

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

1.2.6 でさらに対応が望まれる達成方法 (参考)

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

メタデータの達成方法
  • メタデータを使って映像の代替である手話を対応付け、手話の選択ができるようにする (リンク追加予定)

    • 事例: ウェブページの様々な英国式の手話通訳 (ASL, SASL, BSL, Auslan, ISL, NZSL) を指し示す URI を、メタデータの中で、提供する

達成基準 1.2.6 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.2.6 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

収録済 (prerecorded)

ライブではない情報。

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

手話通訳 (sign language interpretation)

ある言語、通常は発話された言葉を、手話に訳すこと。

注記: 手話は、本来、同じ国や地域で話されている言葉とは関係がない独立したものである。

音声 (audio)

音の再生技術。

注記: 音声には、合成して作られたもの (音声合成を含む)、実世界の音を収録したもの、又はその両方が含まれる。


拡張音声解説 (収録済) :
達成基準 1.2.7 を理解する

1.2.7 拡張音声解説 (収録済) : 前景音の合間が、音声解説で映像の意味を伝達するのに不十分な場合、同期したメディアに含まれているすべての収録済映像コンテンツに対して、拡張音声解説が提供されている。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、全盲又は視覚障害のある人に、標準的な音声解説で提供できるものを超えて、同期したメディアによる提示へのアクセスを提供することである。これは、同期したメディアによる提示を一時的に停止させて、追加の音声解説を再生することによって行われる。その後、同期したメディアによる提示を再開する。

ただし、追加の説明を必要としない利用者にとっては、閲覧の邪魔になってしまうため、その機能のオンとオフを切り替えることのできる方法を提供する。あるいは、その代わりに、拡張した音声解説のあるバージョンとないバージョンとを提供してもよい。

達成基準 1.2.7 の具体的なメリット

  • 全盲あるいは画面を見ることができないロービジョンの人、及び認知能力の低下により何が起こっているのかを視覚的に解釈しづらい人は、視覚的な情報についての音声解説をよく利用している。しかし、主音声の発話があまりにも多いと、音声解説では不十分である。拡張音声解説は、映像を理解するのに必要な追加情報を提供することができる。

達成基準 1.2.7 の事例

  • 事例 1 .講義の映像。物理学の教授が講義をしている。教授は、ホワイトボードに手書きで図を描きながら、早口で話している。一つの問題を解説し終えると、教授はすぐにその図を消して、別の図を描きながらもう片方の手で身振りを交えながら話し続けている。映像は、問題と問題の間で一時停止し、教授の描いた図と身振りを説明する拡張した音声解説を提供している。そして、映像の再生が再開される。

達成基準 1.2.7 の達成方法及び失敗例 - 拡張音声解説 (収録済)

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

達成基準を満たすことのできる達成方法

  1. 次のどれか一つを用いて、G8: 拡張音声解説が付いたムービーを提供する

1.2.7 でさらに対応が望まれる達成方法 (参考)

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

達成基準 1.2.7 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.2.7 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

収録済 (prerecorded)

ライブではない情報。

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

拡張音声解説 (extended audio description)

映像を一時停止することで追加の説明を付加するための時間を確保し、視聴覚提示に付加した音声解説。

注記: この達成方法は、追加の音声解説がないと映像の意味が損なわれてしまい、かつ会話やナレーションの合間が短すぎる場合だけに用いられる。

映像 (video)

写真や画像を動かしたり、連続して表示したりする技術。

注記: 映像はアニメーション、実写、もしくはその両方で構成され得る。

音声解説 (audio description)

主音声のトラックだけでは理解できない重要で視覚的な詳細を説明するために、音声トラックに追加されたナレーション。

注記 1: 映像の音声解説は、動作、登場人物、場面の変化、画面上のテキスト、及びその他の視覚的なコンテンツに関する情報を提供する。

注記 2: 標準的な音声解説では、ナレーションが会話の合間に挿入される。 (拡張音声解説も参照。)

注記 3: 映像情報のすべてが既存の音声ですでに提供されている場合、補足の音声解説は不要である。

注記 4: "video description" や "descriptive narration" とも呼ばれる。

訳注: 日本語では「音声ガイド」とも呼ばれる。


メディアに対する代替 (収録済) :
達成基準 1.2.8 を理解する

1.2.8 メディアに対する代替 (収録済) : すべての収録済同期したメディア及びすべての収録済の映像しか含まないメディアに対して、時間依存メディアに対する代替コンテンツが提供されている。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、視力が弱すぎてキャプションを確実に読むことができず、なおかつ聴力も弱すぎて発話や音声解説を確実に聞くことができない利用者が、視聴覚のコンテンツを利用できるようにすることである。時間の経過に伴って変化するメディアの代替を提供することで、それが可能になる。

このアプローチは、同期したメディアにある (視覚的及び聴覚的な) 情報すべてをテキスト形式で提供することである。時間の経過に伴って変化するメディアの代替は、同期したメディアのコンテンツで提供されているすべての情報をそのままに提供するものである。時間の経過に伴って変化するメディアの代替は、本のようなものがある。音声解説とは異なり、映像部分の説明が、既存の発話の合間だけに制限されることはない。視覚的な状況、登場人物の動きや表情、及びその他のあらゆる視覚的なものを含めて、すべての視覚的な情報について、説明を十分に提供する。さらに、発話ではない音声 (笑い声、画面の外から聞こえてくる声など) を説明し、すべての発話の書き起こしテキストを含む。説明と発話の書き起こしテキストの登場順は、同期したメディア自体での登場順と同じである。結果的に、時間の経過に伴って変化するメディアの代替は、同期したメディアコンテンツについて、音声解説だけでの場合よりもずっと多くの完全な説明を提供することが可能である。

同期メディアプレゼンテーションの一部として何らかの相互作用がある場合(例えば、「質問に答えるために今すぐ押してください」)、時間ベースのメディアの代替案は、ハイパーリンク、または並列機能を提供するために必要なものは何でも提供する。

視力が弱すぎてキャプションを確実に読むことができず、なおかつ聴力も弱すぎて発話を確実に聞き取ることのできない利用者は、点字ピンディスプレイを使うことによって、時間の経過に伴って変化するメディアの代替を利用することができる。

注記 1: 達成基準 1.2.3、1.2.5、及び 1.2.7 では、映像トラックにある情報のすべてが音声トラックですでに提供されている場合には、音声解説を必要としない。

注記 2: 達成基準 1.2.3、1.2.5、及び 1.2.8 は、互いにある程度重複する。これは、最低限の適合レベルではコンテンツ制作者に選択肢を与え、より高い適合レベルでは追加の要件を提示するためである。達成基準 1.2.3 のレベル A では、コンテンツ制作者には、音声解説又は完全なテキストによる代替のどちらかを提供するという選択肢がある。レベル AA の適合を望む場合、達成基準 1.2.5 のもとで、コンテンツ制作者は音声解説を提供しなければならない。これは、達成基準 1.2.3 に対して代替を選択する場合に、レベル AA の要件をすでに満たしていることになるが、そうでなければ、音声解説の提供は追加の要件ということになる。達成基準 1.2.8 のもとでのレベル AAA では、コンテンツ制作者は拡張したテキストの説明を提供しなければならない。達成基準 1.2.3 と 1.2.5 の両方が音声解説だけを提供することで要件を満たしていた場合には、これは追加の要件ということになる。しかし、達成基準 1.2.3 をテキストの説明を提供することで満たし、なおかつ達成基準 1.2.5 の音声解説の要件を満たしている場合には、達成基準 1.2.8 は新しい要件を追加することにはならない。

達成基準 1.2.8 の具体的なメリット

  • よく見ることができない又は全く見ることができず、なおかつよく聞こえない又は全く聞くことができない人が、視聴覚的提示の情報にアクセスできる。

達成基準 1.2.8 の事例

  • 事例 1. ある研修ビデオでの、時間の経過に伴って変化するメディアの代替

    あるコミュニティセンターは、その会員向けに研修ビデオを購入し、それをセンターのイントラネットに置いている。そのビデオでは、新しい技術の使い方を説明していて、同時にそれを説明しながら実演する人物が登場している。そのコミュニティセンターでは、時間依存メディアに対して代替を提供している。ひとつの代替によって、同期したメディアの実演を見ることも、説明を聞くこともできない人を含むすべての会員が、提供されている内容をよりよく理解できるようになっている。

関連リソース

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

達成基準 1.2.8 の達成方法及び失敗例 - メディアに対する代替 (収録済)

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 収録済の同期したメディアの場合:
  1. 次の達成方法のどれか一つを用いて、G69: 時間依存メディアに対する代替コンテンツを提供する

  2. 次の達成方法のどれか一つを用いて、時間の経過に伴って変化するメディアの代替へリンクする

状況 B: 収録済の映像しか含まないコンテンツの場合:
  1. G159: 映像のみの時間依存メディアに対する代替コンテンツを提供する

1.2.8 でさらに対応が望まれる達成方法 (参考)

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

達成基準 1.2.8 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.2.8 の失敗例とみなした、よくある間違いである。

重要な用語

収録済 (prerecorded)

ライブではない情報。

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

映像しか含まない (video-only)

映像のみを含んだ、時間に依存する提示 (音声やインタラクションを含まない)。

時間依存メディアに対する代替コンテンツ (alternative for time-based media)

時間依存の視覚的及び聴覚的情報を正しい順序で説明したテキストを含み、あらゆる時間依存のインタラクションによる結果を得る手段を提供している文書。

注記: 同期したメディアのコンテンツを作るために用いられる脚本は、編集が終了した最終版の同期したメディアを正確に描写した脚本に修正されている場合だけ、この定義を満たす。


音声のみ (ライブ) :
達成基準 1.2.9 を理解する

1.2.9 音声のみ (ライブ) : ライブ音声しか含まないコンテンツに対して、それと同等の情報を提示する、時間依存メディアの代替コンテンツが提供されている。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、例えばテレビ会議、ライブの音声、ライブの発話、及びラジオのウェブキャストなどが伝えている情報を、テキストによる代替を用いることによってアクセシブルにすることである。ライブのキャプション付加サービスは、ろう又は難聴の利用者、あるいは他の方法で音声を聞くことのできない人に対してライブの音声をアクセシブルにすることが可能であろう。そのようなサービスは、話の内容を聞きながら、少しの遅延だけでテキストを入力するために特殊なキーボードを用いて、訓練された人間のオペレーターを利用する。オペレーターは、かなり忠実にライブの出来事をテキストで記録することができ、イベントを理解する上で不可欠な発話以外の音声に関する注記も挿入することもできる。ライブの音声が準備された台本に従っている場合は、書き起こしテキストが利用できる。しかし、ライブのキャプションサービスは、音声自体と同じペースで再生され、キャプションが台本にはないことが起こったとしてもそれに対処できるので好まれる。

訓練されていないオペレーターを使用したり、実際に起こっていることとは明らかに違う書き起こしテキストを提供したりしている場合は、この達成基準を満たしているとはいえない。

この達成基準は、音声の放送に適用することを意図しており、利用者の要求の有無にかかわらず、ウェブアプリケーションを介した2人以上の個人間で行う双方向のマルチメディア電話に対してキャプションの提供を求めることは意図していない。キャプションを提供する責任は、アプリケーションではなく、コンテンツの提供者 (電話をかけた人) 又は「ホスト」として電話をかけた人に課せられる。

達成基準 1.2.9 の事例

  • 広告会社が、ライブのイベントを放送するために、ウェブベースのキャプションサービスを使用している。サービスによるキャプションは、ストリーミングの音声制御コントロールのあるウェブページのサブフレームに組み込まれている。

  • フリンジ劇場のライブのラジオ劇が、ウェブで放送されている。俳優たちが大部分は用意された台本通りに演じていて、番組の予算が限られているため、(脚本家の許諾を得た上で) プロデューサーは劇の台本へのリンクを提供している。

  • ストリーミングの音声サーバーは、例えば Flash や Silverlight のように、テキスト及びグラフィックを使用可能なメディア形式を利用している。速記者が、あるイベントでライブのキャプションを書き起こしていて、それがその場で組み込まれて、メディアプレーヤーで閲覧可能なメディア配信のライブのキャプションとして使われている。

  • CEO は、ニュース速報に反応してメディアに対し電話による記者発表を行い、その音声を録音してインターネット上でも配信したが、時間の制約のためにウェブキャプションサービスが時間内にセットアップできなかった。記者発表は、CEO が読み上げる予定の声明なので、会社は発表内容の書き起こしを同時に提供している。

関連リソース

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

達成基準 1.2.9 の達成方法及び失敗例 - 音声のみ (ライブ)

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

1.2.9 でさらに対応が望まれる達成方法 (参考)

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

  • テキストトランスクリプションと音声しか含まないコンテンツを関連付けるためにメタデータを使う (リンク追加予定)

    事例: 音声ファイルの様々な書き起こしテキスト (英語、フランス語、ドイツ語) を指し示す URI を、メタデータの中で、提供する。

達成基準 1.2.9 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.2.9 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

ライブ (live)

現実の出来事から取り込まれ、放送遅延以上の遅延なく受け手に送信される情報。

注記 1: 放送遅延は、短時間の (通常は自動的な) 遅れで、例えば放送局に放送のタイミングの調整や音声 (又は映像) の検閲のための時間を与えるものだが、意味のある編集ができるほどのものではない。

注記 2: もし情報が完全にコンピュータで生成されたものならば、それはライブではない。

時間依存メディアに対する代替コンテンツ (alternative for time-based media)

時間依存の視覚的及び聴覚的情報を正しい順序で説明したテキストを含み、あらゆる時間依存のインタラクションによる結果を得る手段を提供している文書。

注記: 同期したメディアのコンテンツを作るために用いられる脚本は、編集が終了した最終版の同期したメディアを正確に描写した脚本に修正されている場合だけ、この定義を満たす。

音声しか含まない (audio-only)

音声のみを含んだ、時間に依存する提示 (映像やインタラクションを含まない)。


適応可能:
ガイドライン 1.3 を理解する

ガイドライン 1.3: 情報、及び構造を損なうことなく、様々な方法 (例えば、よりシンプルなレイアウト) で提供できるようにコンテンツを制作すること。

ガイドライン 1.3 の意図

このガイドラインの目的は、例えば、音声で読み上げたり、より単純なレイアウトで提示したりというように、すべての情報をすべての利用者が知覚できるように提供することである。すべての情報が、ソフトウェアによって解釈できる形式で利用可能な場合、情報を様々な方法で (視覚的、聴覚的、触覚的など) 利用者に提示できる。構造及び情報が支援技術経由でプログラムによる解釈ができないような、特定の提示で情報が埋め込まれる場合、その情報は、利用者が必要とするその他の形式でレンダリングできない。

このガイドラインに属する達成基準はすべて、他のモダリティで提示できるようにするために、提示で埋め込まれている様々な種類の情報も利用可能にすることを保証するよう努めるものである。

情報及び関係性:
達成基準 1.3.1 を理解する

1.3.1 情報及び関係性: 何らかの形で提示されている情報、 構造、及び関係性は、プログラムによる解釈が可能である、又はテキストで提供されている。 (レベル A)

この達成基準の意図

この達成基準の意図は、視覚的又は聴覚的な体裁によって暗に伝えられている情報及び関係性を、その提示形式が変わったときにも保つようにすることである。例えば、コンテンツがスクリーンリーダーによって読み上げられたり、コンテンツ制作者が提供するスタイルシートがユーザスタイルシートに置き換えられたりしたときには、提示形式が変わる。

目の見える利用者は、様々な視覚的な手がかりによって構造及び関係性を知覚する。例えば、見出しは多くの場合、改行で段落から切り離された、より大きな太字のフォントである。リスト項目は、中黒が先行しており、おそらく字下げがある。段落は、改行で分離される。共通の特性を持つ項目は、表の行と列で整理される。フォームのフィールドは、テキストラベルを共有するグループとして配置されることがある。異なる背景色を用いて、複数の項目が互いに関係のあることを示していることもある。特別な状態の語句は、フォントファミリーを変える及び/又は、太字、イタリック、下線付きにすることによって示されている。共通の特性を共有する項目は、同じ行又は列を共有するセルの関係性並びに、各セルと行及び/又は列見出しとの関係性を理解するのが不可欠な表に整理されている。などである。これらの構造及び関係性がプログラムによる解釈が可能する、又はテキストで入手可能にすることで、理解に重要な情報がすべての人に知覚されることを保証する。

同様に、聴覚的な手がかりを用いることもある。例えば、チャイム音が新しい節の開始位置を示している。声のピッチや発話のスピードを変えて、重要な情報を強調したり、引用されたテキストを示したりしている、など。

そういった関係性が、ある利用者にとって知覚可能であれば、その関係性をすべての利用者が知覚できるようにすることが可能である。情報をすべての利用者にきちんと提供できたかどうかを判断する一つの方法は、その情報に様々な感覚モダリティで連続してアクセスしてみることである。

用語集にある用語へのリンクを a 要素 (又は、使用している技術特有のリンク要素) を用いて実装して、異なるフォントで示していれば、スクリーンリーダーの利用者は、用語集にある用語のところで、たとえフォントの違いに関する情報は受け取れなかったとしても、それがリンクであることが音声読み上げを聞けば分かるだろう。あるオンラインカタログの価格表示では赤い大きなフォントを使用している。スクリーンリーダーの利用者は赤色の情報は得られないが、価格の前に通貨表示を記載することで情報を得ることができる。

ウェブコンテンツ技術の中には、ある種の情報及び関係性をプログラムによる解釈をするための手段を提供していないものがある。そういった場合には、その情報及び関係性を説明するテキストを提供すべきである。例えば、「アスタリスク (*) のある項目はすべて必須項目です。」のように説明テキストを提供する。テキストによる説明は、例えば、その親要素又は隣接する要素内などのように、(そのページを線形化したときに) テキストが説明している情報の近くに置くべきである。

場合によっては、関係性をプログラムによる解釈が可能にする又はテキストで提供することが望ましいかどうか、各自の判断に委ねるしかないこともありうる。しかし、技術がプログラムに基づいた関係性をサポートする場合、情報及び関係性をテキストで提供するよりも、プログラムによる解釈することを強く推奨する。

注記: 色の値がプログラムによる解釈が可能であることは要求していない。色によって伝えられる情報は、その値を明らかにするだけでは、十分に提示することができないからである。そのため、色に特有の問題については、達成基準 1.3.1 ではなく、達成基準 1.4.1 で対処している。

達成基準 1.3.1 の具体的なメリット

  • この達成基準は、ユーザエージェントが個々の利用者のニーズに応じてコンテンツに適応できるようにすることによって、様々な障害のある利用者の役に立つ。

  • 全盲の (スクリーンリーダーを使用している) 利用者が、色を用いて伝えられている情報をテキストでも得られるようになる (色を用いて情報を伝えている画像のテキストによる代替を含む)。

  • 点字ピンディスプレイを使用している盲ろうの利用者は、色に依存した情報を利用できないことがある。

達成基準 1.3.1 の事例

  • 必須項目のある入力フォーム

    入力フォームに、いくつかの必須項目がある。必須項目のラベルを、赤で表示している。さらに、各ラベルの最後には、アスタリスクの記号文字 (*) が付いている。フォームへの入力に関する説明文には、「すべての必須項目は赤字で示してあり、アスタリスク (*) が付いています。」と書かれていて、例が後に続いている。

  • 必須項目を示すために色とテキストを用いている入力フォーム

    入力フォームに、必須項目と任意項目の両方がある。入力フォームの先頭にある説明文には、必須項目のラベルが赤字になっていて、「必須」というテキストによる代替のあるアイコンも付いている。赤字とアイコンの両方が、フォームのテキストフィールドとプログラムで関連付けられているので、支援技術の利用者はどれが必須項目なのかが判断できる。

  • 各セルの見出しをプログラムによる解釈が可能なバスの時刻表テーブル

    バスの運行スケジュールが、1 列目には縦にバス停の名前が並び、1 行目には横に異なるバスが並んでいる表で示されている。各セルには、バスがそのバス停に到着する時刻が書かれている。支援技術が、各セルにある時刻がどのバスとどのバス停とに関連付けられているのかをプログラムによる解釈が可能であるように、各バス停と各バスのセルは、それぞれの対応する行又は列の見出しとして示されている。

  • チェックボックスのラベルをプログラムによる解釈が可能な入力フォーム

    あるフォームでは、各チェックボックスに対するラベルが、支援技術によってプログラムによる解釈が可能になっている。

  • テキスト文書

    構造をプログラムによる解釈が可能であるように、シンプルなテキスト文書は、タイトルの前に 2 行の空行があり、アスタリスクを使ってリスト項目を示し、その他の標準的な書式の決まりに従ってフォーマットされている。

関連リソース

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

達成基準 1.3.1 の達成方法及び失敗例 - 情報及び関係性

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: ウェブコンテンツ技術が、表現によって伝えている情報及び関係性をプログラムによる解釈が可能になるセマンテックな構造を提供している場合:
  1. ARIA11: ページのリージョンを特定するために ARIA ランドマークを使用する (ARIA)

  2. ARIA12: 見出しを特定するために role=heading を使用する (ARIA)

  3. ARIA13: リージョンとランドマークに名前 (name) を付けるために、aria-labelledby を使用する (ARIA)

  4. ARIA16: ユーザインターフェース コントロールの名前 (name) を提供するために、aria-labelledby を使用する (ARIA)

  5. ARIA17: 関連するフォームコントロールを特定するために、グルーピングロールを使用する (ARIA)

  6. ARIA20: ページのリージョンを特定するために region ロールを使用する (ARIA)

  7. G115: 構造をマークアップするために、セマンティックな要素を使用するかつH49: 強調又は特別なテキストをマークアップするために、セマンティックなマークアップを使用する (HTML)

  8. G117: テキストの提示のバリエーションによって伝えている情報を伝達するために、テキストを使用する

  9. G140: 異なる提示を可能にするために、情報と構造を表現から分離する

  10. 次の達成方法を用いて、表現によって伝えられている情報及び関係性をプログラムによる解釈が可能になる:

状況 B: ウェブコンテンツ技術が、表現によって伝えている情報及び関係性をプログラムによる解釈が可能になるセマンテックな構造を提供していない場合:
  1. G117: テキストの提示のバリエーションによって伝えている情報を伝達するために、テキストを使用する

  2. FLASH8: フォームコントロールのアクセシブルな名前 (accessible name) にグループ名を追加する (Flash)

  3. 表現によって伝えられている情報及び関係性をプログラムによる解釈が可能になる、又は次の達成方法を用いてテキストで入手可能にする:

1.3.1 でさらに対応が望まれる達成方法 (参考)

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

達成基準 1.3.1 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.3.1 の失敗例とみなした、よくある間違いである。

重要な用語

プログラムによる解釈 (プログラムによる解釈が可能) (programmatically determined (programmatically determinable))

支援技術を含む様々なユーザエージェントが抽出でき、利用者に様々な感覚モダリティで提示できるような形のデータがコンテンツ制作者によって提供されたとき、そのデータがソフトウェアによって解釈されること。

事例 1: マークアップ言語で、一般に入手可能な支援技術が直接アクセスできる要素と属性から解釈される。

事例 2: 非マークアップ言語の技術特有のデータ構造から解釈され、一般に入手可能な支援技術がサポートするアクセシビリティ API を通じて支援技術に提供される。

提示 (presentation)

利用者が知覚できる形式でコンテンツをレンダリングすること。

構造 (structure)
  1. ウェブページ の各部を相互の関係性によりまとめる方法論。及び、

  2. 一連のウェブページをまとめる方法論。

関係性 (relationships)

コンテンツの異なる部分間における意味のあるつながり。


意味のある順序:
達成基準 1.3.2 を理解する

1.3.2 意味のある順序: コンテンツが提示されている順序が意味に影響を及ぼす場合には、正しく読む順序プログラムによる解釈が可能である。 (レベル A)

この達成基準の意図

この達成基準の意図は、コンテンツの意味を理解するのに必要な音声読み上げの順序を保ちながら、ユーザエージェントがコンテンツの代替表現を提供できるようにすることである。意味のあるコンテンツの少なくとも一つの順序がプログラムによる解釈が可能であることが重要である。この達成基準を満たしていないコンテンツは、支援技術がそのコンテンツを正しくない順序で読み上げたり、代替スタイルシート又はその他の書式変更が適用されたりしたときに、利用者を困惑あるいは混乱させてしまう恐れがある。

コンテンツの並び順を変更すると、コンテンツの意味に影響を及ぼす場合、その順序には意味がある。例えば、あるページに二つの独立した記事がある場合、それらの記事の相対的な順序がそれぞれの意味に影響を及ぼす可能性はない。そのような状況においては、それらの記事自体には意味のある順序があるかもしれないが、それらの記事が入っているテキストコンテナには意味のある順序はないかもしれない。

ある要素のプログラムが持つ意味が、そのコンテンツに意味のある順序があるかどうかを定義している。例えば、HTML では、テキストには常に意味のある順序がある。テーブル及び順序付きリストには意味のある順序があるが、順序なしリストには意味のある順序がない。

コンテンツの並び順には、常に意味があるとは限らない。例えば、あるウェブページのメイン部分とナビゲーション部分の相対的な順序は、それぞれの意味には影響を及ぼさない。それらは、プログラムによる解釈が可能な音声読み上げ順序で、どちらが先にもなりえる。もう一つの例としては、雑誌の記事にはいくつかの補足記事がいくつか含まれている。記事と補足記事の順序は、それぞれの意味に影響を及ぼすことはない。このような場合においては、この達成基準を満たすことのできるウェブページには、異なる音声読み上げ順序が複数あることになる。

誤解のないように書くと:

  1. 特定の線形順序を提供することが要求されるのは、意味に影響を与えるときだけである。

  2. 複数の順序が (WCAG 2.0の定義する)「正しい」読み順となることもありえる。

  3. 提供する正しい読み順はひとつだけでよい。

達成基準 1.3.2 の具体的なメリット

  • この達成基準は、コンテンツを読み上げる支援技術に依存している利用者の役に立つ。デフォルトの表現における情報の並び順で明らかになる意味は、コンテンツを読み上げで提示したときも同じになるはずである。

達成基準 1.3.2 の事例

  • 事例 1: 段組をしている文書において、コンテンツを線形化した提示は、ある段の先頭から最後へと流れていき、その後次の段の先頭へと流れていく。

  • 事例 2: CSS を用いて、ナビゲーションバー、ページの本文、及び関連記事を配置している。それらの視覚的提示は、プログラムによる解釈される順序とは合致していないが、そのページの意味はその見た目の順序には依存していない。

関連リソース

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

(今のところ、文書化されていない)

達成基準 1.3.2 の達成方法及び失敗例 - 意味のある順序

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

1.3.2 でさらに対応が望まれる達成方法 (参考)

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

  • 左から右へ書き綴る言語は左寄せを使い、右から左へ書き綴る言語は右寄せを用いる (リンク追加予定)

  • 線形化された描画のリンクを提供する (リンク追加予定)

  • 表現順序に影響するスタイルシートの切り替えを提供する (リンク追加予定)

重要な用語

プログラムによる解釈 (プログラムによる解釈が可能) (programmatically determined (programmatically determinable))

支援技術を含む様々なユーザエージェントが抽出でき、利用者に様々な感覚モダリティで提示できるような形のデータがコンテンツ制作者によって提供されたとき、そのデータがソフトウェアによって解釈されること。

事例 1: マークアップ言語で、一般に入手可能な支援技術が直接アクセスできる要素と属性から解釈される。

事例 2: 非マークアップ言語の技術特有のデータ構造から解釈され、一般に入手可能な支援技術がサポートするアクセシビリティ API を通じて支援技術に提供される。

正しく読む順序 (correct reading sequence)

コンテンツの意味を変更せずに、単語や段落が提示される順序。


感覚的な特徴:
達成基準 1.3.3 を理解する

1.3.3 感覚的な特徴: コンテンツを理解し操作するための説明は、形、大きさ、視覚的な位置、方向、又は音のような、構成要素が持つ感覚的な特徴だけに依存していない。 (レベル A)

注記: 色に関する要件は、ガイドライン 1.4を参照。

この達成基準の意図

この達成基準の意図は、形又は大きさを知覚できない、もしくは空間的な位置又は方向に関する情報を利用できない場合でも、すべての利用者がコンテンツを利用するための指示にアクセスできるようにすることである。コンテンツによっては、コンテンツの構造からは入手できない対象の形又は位置の知識 (例えば、「円いボタン」又は「右のボタン」) に依存していることがある。障害のある利用者は、使用している支援技術の性質のために、形又は配置を知覚できないことがある。この達成基準は、このような情報に依存しているあらゆるものを明確にするために、補足の情報を提供することを要求している。

しかし、形及び/又は位置を用いて情報を提供することは、認知能力の低下している利用者を含む多くの利用者に対しては効果的な手法である。この達成基準は、情報が他の方法でも提供されている限り、これらのタイプの手がかりを妨げないほうがよい。

ある言語においては、「上記」はコンテンツのその地点よりも前にあるコンテンツを指し、「下記」はその地点よりも後にあるコンテンツを指すことが共通理解となっている。そのような言語では、参照されているコンテンツが読み上げ順序の中で適切な位置にあり、かつ参照が明確ならば、「下のリンクのいずれかを選択する」または「上記のすべてを選択する」などの文はこの達成基準に適合するだろう。

WCAG はウェブページ上に表示されたコントロールのみに該当するよう設計された。その意図は、視覚的又は聴覚的な手がかりのみを参考にコントロールを説明をすることを避けるためである。これを物理的なハードウェアコントロール (専用コンテンツのあるウェブキオスクなど) を操作するための手順に適用するとき、おそらく触知できる手がかり (例えば、矢印の形をしたキー、右側の丸いキー) が説明されるだろう。この達成基準は、指示の中で触知できる手がかりの使用を防ぐことを意図したものではない。

達成基準 1.3.3 の具体的なメリット

  • 全盲の利用者及びロービジョンの利用者は、情報が形及び/又は位置によって伝えられている場合、その情報を理解できないことがある。形及び/又は位置以外の情報を補足することで、形及び/又は位置だけで伝えられている情報を理解できるようになる。

達成基準 1.3.3 の事例

  • 事例 1: 重複したイベントのスケジュールに、それぞれのイベント時間を区別するために色と形を使う

    テーブルの 1 行目に時間のリストが表示され、1 列目にイベントリストが表示されている表がある。セルは、色と形で定義づけできるため、特定のイベントの時間を背景色とダイヤモンドの形をした記号で表示する。

  • 事例 2: 複数のページによるオンライン調査

    複数のページによるオンライン調査では、あるページから次のページへ遷移するためのリンクに緑色の矢印のアイコンを使っていて、それをコンテンツの右下に置いている。矢印には「次へ」というラベルがはっきりと記述されていて、「次の調査へ進むには、最後の質問の右下にある『次へ』というラベルの付いた緑色の矢印のアイコンを選択してください。」という説明文が書かれている。この例では、アイコンを特定できるように、配置、色及びラベルを用いている。

関連リソース

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

(今のところ、文書化されていない)

達成基準 1.3.3 の達成方法及び失敗例 - 感覚的な特徴

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

1.3.3 でさらに対応が望まれる達成方法 (参考)

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

  • 求められるグラフィカルな表現だが異なる意味を持つ Unicode フォントの代わりにグラフィカルなシンボルに対するテキストによる代替を持つ画像を用いる (リンク追加予定)

達成基準 1.3.3 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.3.3 の失敗例とみなした、よくある間違いである。


判別可能:
ガイドライン 1.4 を理解する

ガイドライン 1.4: コンテンツを、利用者にとって見やすく、聞きやすいものにすること。これには、前景と背景を区別することも含む。

ガイドライン 1.4 の意図

いくつかのガイドラインは、代替フォーマットで提示できる形式で情報を利用できるようにすることに焦点をあわせているが、このガイドラインは、デフォルトの提示を障害のある利用者にとってできる限り知覚しやすくすることに関心がある。利用者が前景の情報と背景とを区別しやすくすることに主な焦点を置いている。視覚による提示の場合は、これは背景の上に提示されている情報とその背景とのコントラストを十分に確保しているかどうかを確認することを意味する。音声による提示の場合は、これは前景音が背景音よりも十分に大きいかどうかを確認することを意味する。視覚及び聴覚に障害のある利用者は、前景と背景の情報を区別することがはるかに困難である。

ガイドライン 1.4 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • 読みやすいフォントを用いる (リンク追加予定)

  • 文字画像が、少なくとも 14 ポイントであり、かつ十分なコントラストを持つか確認する (リンク追加予定)

  • キーボードのフォーカスを受けるとき、リンク又はコントロールが高度に可視のハイライトメカニズムを提供する (リンク追加予定)

色の使用:
達成基準 1.4.1 を理解する

1.4.1 色の使用: 色が、情報を伝える、動作を示す、反応を促す、又は視覚的な要素を判別するための唯一の視覚的手段になっていない。 (レベル A)

注記: この達成基準は、特に色の知覚を扱う。その他の知覚形態については、色やその他の視覚的提示のコーディングへのプログラムによるアクセスも含めて、ガイドライン 1.3で網羅されている。

この達成基準の意図

この達成基準の意図は、色の違いによって伝えられている情報、言い換えれば、それぞれの色には割り当てられた意味があり、その色を使うことによって伝えている情報に、すべての利用者がアクセスできるようにすることである。画像 (又は、その他の非テキスト形式) で色の違いによって情報を伝えている場合、色覚異常の利用者はその色が分からないかもしれない。この場合、色で伝えている情報を他の視覚的な手段で提供することで、色の分からない利用者もその情報を知覚できる。

色は、感覚的な訴求力、ユーザビリティ、そしてアクセシビリティを高めるため、ウェブコンテンツのデザインにおいて重要なものである。しかし、色を知覚しづらい利用者もいる。ロービジョンの人は、色覚に限界を感じることがよくあり、年配の利用者の多くも色がよく見えない。さらに、テキストしか表示しない、色数が制限されている、又はモノクロのディスプレイ及びブラウザを使用している人は、色だけで提示されている情報を知覚できない。

色の違いで伝えられている情報の例としては、「必須項目は赤字」、「赤字はエラー」、そして「赤がメアリーの売上、青がトムの売上」などが挙げられる。動作を示している例では、リンクが新しいウィンドウで開くことやデータベースの項目が正常に更新されたことを示すために色を使うことがある。また、利用者の反応を促している例には、必須項目が未入力であることを示すためにフォームの入力フィールドを反転表示することが挙げられる。

注記: この達成基準は、ページ上での色の使用、又は他の視覚的な表示と重複する場合に色分けすることを何ら阻むものではない。

達成基準 1.4.1 の具体的なメリット

  • ロービジョンの利用者が、色覚の限界を感じることがよくある。

  • 年配の利用者は、色がよく見えないかもしれない。

  • 色覚異常の利用者が、色で伝えられている情報をその他の視覚的な手段で知覚できるようになる。

  • テキストしか表示しない、色数の制限された、又はモノクロのディスプレイを使用している人は、色に依存している情報を知覚できないかもしれない。

  • 色の識別に問題を抱える利用者が、テキストの手がかりを見たり、聞いたりすることができる。

  • 点字ディスプレイ又は他の触覚インタフェースの人が、タッチすることでテキストキューを検出できる。

達成基準 1.4.1 の事例

  • 必須項目を示すために色とテキストを用いている入力フォーム

    ある入力フォームには、必須項目と任意項目の両方がある。入力フォームの先頭にある説明文には、必須項目のラベルが赤字になっていて、「必須」というテキストによる代替のあるアイコンも付いている。赤字とアイコンの両方が、フォームのテキストフィールドとプログラム的に関連付けられているので、支援技術の利用者は必須項目を判断できる。

  • 試験

    学生は、化学化合物の SVG 画像を見て、図に使用されている色や数字に基づいて、存在する化学の要素を識別する。各要素に関連付けられたテキストによる代替は、要素の色に名前を付けて、図で要素の位置を示している。色を知覚できない学生は、クラスメートと同じように、化合物に関する同じ情報を得る。(この達成方法は、ガイドライン 1.1 のレベル A も満たす)

  • 使用不可になっているフォーム要素

    マークアップ又はスクリプトによって使用不可になっているフォーム要素は、ユーザエージェントによってグレーアウトされ、使用できない。使用不可の状態では、これらの要素はフォーカスを受け取らない。支援技術は、使用不可の状態になっている要素をプログラムが解釈できる。色の変化及びフォーカスがあたらないことによって、コントロールの状態に関する情報を視覚的に提供している。

達成基準 1.4.1 の達成方法及び失敗例 - 色の使用

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 特定の語句、背景、又は他のコンテンツの色を用いて情報を示している場合:
  1. G14: 色の違いで伝えている情報をテキストでも入手可能にする

  2. G205: 色のついたフォームコントロールのラベルに対して、テキストによる手がかりを含める

  3. G182: 文字色の違いが情報を伝えるために使用される場合に、利用可能な追加の視覚的な手がかりを確保する

  4. G183: 色が単独でリンク又はコントロールを特定する場所で、周囲のテキストと一緒に 3:1 のコントラスト比を使用し、そのリンク又はコントロールのフォーカスに追加の視覚的な手がかりを提供する

状況 B: 情報を伝える画像の中で色を用いている場合:
  1. G111: 色とパターンを併用する

  2. G14: 色の違いで伝えている情報をテキストでも入手可能にする

1.4.1 でさらに対応が望まれる達成方法 (参考)

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


音声の制御:
達成基準 1.4.2 を理解する

1.4.2 音声の制御: ウェブページ上にある音声が自動的に再生され、その音声が 3 秒より長く続く場合、その音声を一時停止もしくは停止するメカニズム、又はシステム全体の音量レベルに影響を与えずに音量レベルを調整できるメカニズムのいずれかを提供する。 (レベル A)

注記: この達成基準を満たさないコンテンツでは、利用者がそのウェブページ全体を使用できない恐れがあるため、ウェブページ上のすべてのコンテンツは他の達成基準を満たすために用いられているか否かにかかわらず、この達成基準を満たさなければならない。適合要件 5: 非干渉を参照。

この達成基準の意図

スクリーンリーダーを使用している人は、同時に他の音声が再生されている場合、スクリーンリーダーによる読み上げ音声が聞き取りづらくなる。スクリーンリーダーの読み上げ音声が、(今日ではほとんどがそうであるように) ソフトウェアをベースにしたもので、システム全体と同じ音量コントロールによって制御されていると、この状況はさらに悪化する。そのため、利用者が背景音の再生をオフにできることが重要である。注記: 音量コントロールには、その音量をゼロまで下げられることを含む。

注記: 利用者があるページを閲覧し始めた時に音声が自動再生されると、スクリーンリーダーの利用者はその音声を停止させるメカニズムを探しづらくなることがある。なぜなら、スクリーンリーダーの利用者は、読み上げ音声を聞きながらナビゲートしており、自動的に開始した音声がそのナビゲーションを邪魔してしまうかもしれないからである。そのため、WCAG ワーキンググループでは、音声を自動的に再生しないことを推奨し (特に、3 秒よりも長く続く場合)、利用者がそのページを閲覧し始めた後、利用者によって音声の再生を停止させるのではなく、利用者の起こしたアクションによって音声が再生されることを勧める。

達成基準 1.4.7 小さな背景音、又は背景音なしを理解するも参照のこと。

達成基準 1.4.2 の具体的なメリット

  • スクリーンリーダーを使用している人が、他に再生されている音声に邪魔されることなく、スクリーンリーダーの音声を聞くことができるようになる。これは、難聴の利用者及びシステム全体の音量制御を用いるスクリーンリーダーを使用している人にとって (システム全体の音量を下げて、スクリーンリーダーの音量を上げることができないため) 特に重要である。

  • この達成基準はまた、音声が再生されているとき、(テキストを含む) 視覚的なコンテンツに集中することが困難な人に対しても役に立つ。

達成基準 1.4.2 の事例

  • ページを開いたときに、音声ファイルの再生が自動的に開始される。しかし、利用者が、そのページの先頭にある「音を消す」というリンクを選択することで、その音声を停止させることができる。

  • 音声を再生する Flash のスプラッシュページがあり、3 秒以内にその音声が停止する。

  • 音声を自動的に再生する Flash のスプラッシュページの先頭に、利用者が音声を停止可能にするコントロールがある。

関連リソース

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

(今のところ、文書化されていない)

達成基準 1.4.2 の達成方法及び失敗例 - 音声の制御

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

1.4.2 でさらに対応が望まれる達成方法 (参考)

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

  • 自動的に再生される音を停止できる、ウェブページの先頭付近に提供されるコントロールに加えて、音声を停止できるサイト全体の設定を提供する (リンク追加予定)

達成基準 1.4.2 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.4.2 の失敗例とみなした、よくある間違いである。

重要な用語

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。


コントラスト (最低限) :
達成基準 1.4.3 を理解する

1.4.3 コントラスト (最低限) : テキスト及び文字画像視覚的提示に、少なくとも 4.5:1 のコントラスト比がある。ただし、次の場合は除く: (レベル AA)

  • 大きな文字: サイズの大きなテキスト及びサイズの大きな文字画像に、少なくとも 3:1 のコントラスト比がある。

  • 付随的: テキスト又は文字画像において、次の場合はコントラストの要件はない。アクティブではないユーザインタフェース コンポーネントの一部である、純粋な装飾である、誰も視覚的に確認できない、又は重要な他の視覚的なコンテンツを含む写真の一部分である。

  • ロゴタイプ: ロゴ又はブランド名の一部である文字には、最低限のコントラストの要件はない。

この達成基準の意図

この達成基準の意図は、(コントラストを強化する支援技術を使用していない) 中度のロービジョンの人がテキストを読めるように、テキストとその背景との間に十分なコントラストを提供することである。読解力で評価すると、色覚異常ではない人にとって、色相及び彩度は文字の読みやすさにほとんど又は全く影響がない (Knoblauch et al., 1991)。色覚異常は、輝度コントラストに多少の影響を及ぼす可能性がある。したがって、WCAG 2.0 勧告では、色覚異常の人でもテキストと背景との間の適切なコントラストを持つように、色が主要因とならないような方法でコントラストを算出している。

装飾的及び情報を伝えないテキストは除外される。例えば、背景を作成するためにランダムな単語が使用され、かつその単語を意味を変えずに並べ替え又は置換できる場合、これは装飾的であり、この達成基準を満たす必要はない。

より大きい及びより広い文字ストロークを持つテキストは、より低いコントラストでも読みやすい。したがって、より大きいテキストに対するコントラスト要件は、より低い。これにより、コンテンツ制作者は、より大きいテキストに対して幅広い色の選択肢を使用することができ、ページ、特にタイトルのデザインに役立つ。18 ポイントのテキスト又は 14 ポイントの太字のテキストは、より低いコントラスト比を要求するのに十分な大きさであると判断される (関連リソースにある "The American Printing House for the Blind Guidelines for Large Printing and The Library of Congress Guidelines for Large Print"を参照のこと)。「18 ポイント」と「太字」の両者は、異なるフォントでは異なる意味合いを持つこともあるが、極めて細い線のフォント又は特異なフォントを除き、十分である。非常に多くの様々なフォントがあるため、ここでは一般的な基準を用いることとして、用語集にて装飾的なフォント又は細い線のフォントに関する注記を付けている。

注記 1: この達成基準を評価する場合、フォントのポイント数は、ユーザエージェントから取得されるべきである、又はユーザエージェントが行う方法でフォントメトリックをもとに算出されるべきである。ポイント数は、CSS3 Values で定義されている CSS の pt サイズに基づいている。ポイント数と CSS ピクセルの比は 1pt = 1.333px であり、したがって 14pt と 18pt は約 18.5px と 24px に相当する。

注記 2: 画像編集アプリケーションによってデフォルトとなるピクセル密度が異なるため (例: 72 PPI または 96 PPI)、文字を特定のサイズで提示する場合に、画像編集アプリケーションでのフォントのポイントサイズを特定することは当てにならない。サイズの大きな文字画像を作成する場合、コンテンツ制作者は画面に表示される画像の文字が、おおよそ本文のテキストの標準サイズの 1.2em と 1.5em 又は 120% と 150% に相当することを確認することが望ましい。例えば、72 PPI の画像の場合、サイズの大きな文字画像 (アルファベットで 14pt と 18pt) をうまく提示するために、コンテンツ制作者は約 19pt と 24pt のフォントサイズを用いる必要がある。

前述のテキストに対するコントラストの要件は、達成基準 1.4.3 で述べられているように、文字画像 (ピクセルでレンダリングされ、画像フォーマットで保存された文字) にも適用される。

この要件は、文字画像がテキストとして理解されることを意図した状況に適用される。たまたま道路標識が入った写真などの付随的なテキストは含まない。なんらかの理由で、すべての閲覧者に見えないように設計されているテキストも含まれない。企業のロゴなどの図案化されたテキストは、ページ上の機能の観点から取り扱われるべきであり、これは、テキストによる代替でコンテンツを含むことを保証するかもしれないし、保証しないかもしれない。ロゴ及びロゴタイプ以外の企業のビジュアルガイドラインは、この例外には含まれない。

この達成基準には、「意味のあるその他の視覚的なコンテンツを含む写真の一部分である」という例外がある。この例外は、特定の見た目にするためにテキストを置き換えるための文字画像から、テキストのある写真を区別することを意図している。

注記: 文字画像は、画素に分解されてしまうので、テキストと同じようにきれいに拡大することができない。また、一部の利用者にとって必要となる文字画像の前景と背景のコントラスト及び色の組み合わせを変更することは困難である。したがって、可能な限り、テキストを用いることを勧めるが、それができない場合には、さらに高い解像度の画像を提供することを考慮すること。

最低限のコントラスト (1.4.3) 達成基準は、プレースホルダーテキストおよびオブジェクトにポインターをかざされたりキーボードフォーカスされた時に表示されるテキストを含め、ページ内のテキストに適用される。そのようなテキストを使用するのであれば、十分なコントラストを提供する必要がある。

この達成基準はテキストだけに適用されるが、図表やグラフ、また別の非テキストベースの情報でも同様の問題が起こる。コンテンツはより多くの利用者が確実に情報にアクセスできるようにするため、十分なコントラストを確保すべきである。

達成基準 1.4.6 コントラスト (高度) を理解するも参照のこと。

コントラスト比を定めた論理的根拠

サイズの大きいテキスト及び文字の線幅が広めのテキストは、低めのコントラストでも読みやすい。そのため、サイズの大きいテキストに対するコントラスト要件は、低めになっている。そのため、コンテンツ制作者は、特にタイトルなど、ページのデザインにサイズの大きいテキストを用いる際は、より多くの色の中から選ぶことができる。18 ポイントのテキスト又は太字で 14 ポイントのテキストが、低めのコントラストで十分なサイズの大きさとしている (関連リソースにある "The American Printing House for the Blind Guidelines for Large Printing and The Library of Congress Guidelines for Large Print" を参照のこと)。「18 ポイント」及び「太字」は、異なるフォントでは異なる意味合いを持つこともあるが、特別に細い線のフォント又は一般的ではないフォントを除き、十分である。とても多くの様々なフォントがあるため、ここでは一般的な基準を用いることとして、用語集にて装飾的なフォント又は細い線のフォントに関する注記を付けている。

注記 1: この達成基準を評価する際、文字サイズのポイント数は、ユーザエージェントから取得されるべきであり、又はユーザエージェントが行うフォントの計算基準に基づいて算出されるべきである。ポイント数は、CSS3 Values で定義されている CSS の pt サイズに基づいている。 ポイント数と CSS ピクセルの比は 1pt = 1.333px であり、14pt と 18pt は約 18.5px と 24px に相当する。

注記 2: 画像編集アプリケーションによってデフォルトとなるピクセル密度が異なるため (例: 72 PPI 又は 96 PPI)、特定のサイズでテキストを提示する場合、画像編集アプリケーション内部からフォントのポイント数を特定することは信頼性に欠ける。サイズの大きな文字画像を作成する場合、コンテンツ制作者は画面に表示される画像の文字が、本文のテキストの標準サイズの 1.2em 及び 1.5em 又は 120% 及び 150% におおよそ相当することを確認すべきである。例えば、72 PPI の画像の場合、サイズの大きな文字画像を利用者にうまく提示するために、コンテンツ制作者は約 19pt と 24pt のフォントサイズを用いる必要がある。

色相は、色覚異常 (先天性及び後天性の両方) をもつ利用者によって、通常の目の見える利用者とは異なる色及び相対的な輝度コントラストを結果としてもたらすように、異なって知覚される。このため、有効なコントラスト及び読みやすさは、人々によって異なる。しかし、色覚異常は非常に多様であるため、定量的なデータに基づく (コントラストのための) 有効で一般的な色の組み合わせを規定することは、実現不可能である。十分な輝度コントラストを要求することは、色の知覚から独立したコントラストを要求することによって、これに対応している。幸いにも、輝度の寄与のほとんどは、分光応答で大部分が重なる中波長及び長波長の受容体からのものである。その結果、有効な輝度コントラストが一般的に、特定の色覚異常に関係なく計算できる。ただし、赤色を知覚しにくい 1 型 2 色覚の人の場合、暗い色 (一般に黒に見える) に対して主に長波長の色を用いることは除く (この理由のために、WCAG ワーキンググループは、黒の背景色に赤の前景色を使うことを避ける参考達成方法を提供している)。詳細については、[ARDITI-KNOBLAUCH] [ARDITI-KNOBLAUCH-1996] [ARDITI] を参照のこと。

注記: 認知の障害のある利用者は、低いコントラストの色の組み合わせ又は色相を必要とすることがある。そのため、コンテンツ制作者にコンテンツの前景色と背景色を調節するメカニズムを提供することを認め、それを推奨する。選択可能な組み合わせの中には、この達成基準にあるコントラストよりも低いレベルのコントラストがあってもよい。もし、この達成基準に合わせて設定したデフォルトの値に戻すことのできるメカニズムが提供されていれば、その場合はこの達成基準に反していることにはならない。

3:1 のコントラスト比は、標準的なテキスト及び視力における [ISO-9241-3] 及び [ANSI-HFES-100-1988] によって推奨されている最低限のレベルである。4.5:1 のコントラスト比は、中度の弱い視力、先天的又は後天的な色覚異常、もしくは典型的な加齢に伴うコントラスト感度の衰えに起因する、コントラスト感度の低下を考慮するためにこの規定で使用される。

論理的根拠は、a) ANSI 標準規格 (American National Standards Institute: 米国の国家規格) における正常な観察者に対する最低限の許容可能なコントラストとして、コントラスト比 3:1 の採用、及びb)集団内では、20/40 (0.5) の視力は、おおよそ 1.5 のコントラスト感度低下と関連付けられているという経験的事実 [ARDITI-FAYE] に基いている。よって、視力が 20/40 (0.5) の利用者は、3 * 1.5 = 4.5:1のコントラスト比を必要とするであろう。類似した経験的事実及び同じ論理に沿うと、視力が 20/80 (0.25) の利用者は、約 7:1 のコントラスト比を必要とすることになる。

4.5:1 のコントラスト比は、約 20/40 (0.5) の視力に等しい視覚損失をもつ利用者によって通常経験されるコントラスト感度の低下を埋め合わせをするため、レベル AA に対して選択された。(20/40 (0.5) は約 4.5:1 と計算される)。20/40 (0.5) は、80 歳前後の高齢者の典型的な視力として、よく報告される視力である [GITTINGS-FOZARD]

7:1 のコントラスト比は、約 20/80 (0.25) の視力に等しい視覚損失をもつ利用者によって通常経験されるコントラスト感度の低下を埋め合わせをするため、レベル AAA に対して選択された。この程度の視覚損失を超える人は、通常、コンテンツにアクセスするために支援技術を使用する (そして、支援技術は通常、コントラストの強化と画面の拡大機能が組み込まれている)。したがって、7:1 のレベルは、一般に支援技術を使用していないロービジョンの利用者によって経験されるコントラスト感度の低下に対する補償を提供し、同様に色覚異常の利用者に対してもコントラストの強化を提供する。

注記: [ISO-9241-3] 及び [ANSI-HFES-100-1988] における計算は、本文のテキストのためのものである。それよりもはるかに大きいサイズのテキストに対しては、緩やかなコントラスト比が提供されている。

計算式に関する注記

RGB 値の非線形から線形への変換は、IEC/4WD 61966-2-1 [IEC-4WD] 及び "A Standard Default Color Space for the Internet - sRGB" [sRGB] に基づいている。

コントラストの計算式 (L1/L2) は、[ISO-9241-3] 及び [ANSI-HFES-100-1988] 規格に基づいている。

ANSI/HFS 100-1988 規格では、L1 及び L2 の計算を含むために、周辺光からの寄与を必要とする。用いている 0.05 という値は、[IEC-4WD] の Typical Viewing Flare 及び M. Stokes et al の論文 [sRGB] に基づいている。

この達成基準及びその定義では、ウェブコンテンツが光そのものを放たないという事実を反映するために、「輝度」ではなく、「コントラスト比」及び「相対輝度」という用語を用いている。コントラスト比は、コンテンツが表示されたときに生じる相対輝度の評価基準 (尺度) を与える (比率なので無次元である)。

注記 1: コントラスト比を用いてウェブコンテンツのコントラストを分析するツールの一覧は、関連リソースを参照のこと。

注記 2: キーボードフォーカスを表示するための達成方法については、 達成基準 2.4.7 フォーカスの可視化を理解するも参照のこと。

注記 3: コンテンツを閲覧するのに特定の色の組み合わせを必要とする利用者が、好みの色の配置でコンテンツを閲覧できるようにするために、コンテンツ制作者がページの特定の部分に色を指定しないことが役に立つことがある。より詳細な情報は、 達成基準 1.4.5 文字画像を理解するを参照のこと。

達成基準 1.4.3 の具体的なメリット

  • ロービジョンの人は、背景とのコントラストがないテキストを読むのが困難なことがよくある。これは、コントラストをさらに低下させる色覚異常がある人の場合、深刻となりえる。テキストとその背景との間に最低限のコントラスト比を提供することで、たとえその人があらゆる色を見ることができなくても、テキストをより読みやすくすることができる。また、まれに全く色が見えない人にも有用である。

達成基準 1.4.3 の事例

(none currently documented)

達成基準 1.4.3 の達成方法及び失敗例 - コントラスト (最低限)

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 太字でないテキストが 18 ポイント (日本語は 22 ポイント) 未満、太字のテキストが 14 ポイント (日本語は 18 ポイント) 未満の場合:
  1. G18: テキスト (及び文字画像) とその背景の間に、少なくとも 4.5:1 のコントラスト比を確保する

  2. G148: 背景色及び文字色を指定せず、その初期設定を変更するウェブコンテンツ技術の機能を使用しない

  3. G174: 利用者が十分なコントラストのある提示に切り替えられるように、十分なコントラスト比のあるコントロールを提供する

  4. SL13: Providing A Style Switcher To Switch To High Contrast (Silverlight)

状況 B: 太字でないテキストが少なくとも 18 ポイント (日本語は 22 ポイント) 以上、太字のテキストが少なくとも 14 ポイント (日本語は 18 ポイント) 以上の場合:
  1. G145: テキスト (及び文字画像) とその背景の間に、少なくとも 3:1 のコントラスト比を確保する

  2. G148: 背景色及び文字色を指定せず、その初期設定を変更するウェブコンテンツ技術の機能を使用しない

  3. G174: 利用者が十分なコントラストのある提示に切り替えられるように、十分なコントラスト比のあるコントロールを提供する

  4. SL13: Providing A Style Switcher To Switch To High Contrast (Silverlight)

1.4.3 でさらに対応が望まれる達成方法 (参考)

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

  • G156: テキストのブロックの前景及び背景を変更できる、一般に入手可能なユーザエージェントが備えるウェブコンテンツ技術を使用する

  • 模様のついた背景色にテキストを重ねるためにより高いコントラストの値を用いる (リンク追加予定)

  • 文字画像の代わりに Unicode テキストとスタイルシートを用いる (リンク追加予定)

  • 図表の線に、より高いコントラストの値を用いる (リンク追加予定)

  • 赤と黒の組み合わせによる文字と背景色には、さらに大きなコントラストレベルを用いる (リンク追加予定)

  • 主に中間のスペクトル要素からなる明るい要素とスペクトルの両端 (青と赤の波長) からなる暗い要素で構成された色を用いる

  • 両端のコントラストではなく黒文字に白の背景よりも明るいパステルの背景色を用いる (リンク追加予定)

  • テキストのコントラストを満たしているシンプルな線で描かれたアイコンを使う (リンク追加予定)

  • グラフやチャートに十分なコントラストを提供する (リンク追加予定)

  • デフォルトの提示に 3:1 のコントラスト比又はそれ以上を用いる (リンク追加予定)

  • 空のテキストフィールドに十分な色のコントラストを提供する (リンク追加予定)

重要な用語

コントラスト比 (contrast ratio)

(L1 + 0.05) / (L2 + 0.05) ここでは、

  • L1 は、明るいほうの色の 相対輝度である。そして、

  • L2 は、暗いほうの色の 相対輝度である。

注記 1: コントラスト比は、1~21 の範囲になりうる (通常は、1:1~21:1 と記述される)。

注記 2: コンテンツ制作者は、テキストのレンダリング (例: フォントのスムージングやアンチエイリアス) に関する利用者の設定を制御できないため、アンチエイリアスをオフにした状態でテキストのコントラスト比を評価してもよい。

注記 3: 達成基準 1.4.3 及び 1.4.6 の目的上、コントラストは通常の使用においてテキストがレンダリングされるときに指定されている背景色に対して測定する。もし背景色の指定がない場合は、背景色には白を想定する。

注記 4: 背景色は、テキストが通常の使用においてレンダリングされるときに背景となるコンテンツの色として指定された色である。テキストの色は指定されているが背景色が指定されていない場合、利用者のデフォルトの背景色は未知であり、コントラストが十分かどうかを評価することができないため、問題がある。同じ理由で、背景色が指定されているがテキストの色が指定されていない場合も問題がある。

注記 5: 文字の周囲に縁取りがある場合、その縁取りがコントラストを強めることもあり、文字とその背景色におけるコントラストの計算に用いられる。文字の周囲の細い縁取りは文字として扱われる。文字の周囲の太い縁取りが、光彩のようになって、文字の内側の細部を塗りつぶしていれば、背景色として考慮されることになる。

注記 6: WCAG に適合しているか判断する場合は、典型的な提示において隣接するであろうと制作者が想定するコンテンツで指定された色の組み合わせについて評価しなければならない。制作者は、ユーザエージェントによる色の変更などのように通常とは異なる提示を考慮する必要はない。ただし、それが制作者のコードによって起こる場合は除く。

サイズの大きな (テキスト) (large scale (text))

少なくとも 18 ポイント、又は 14 ポイントの太字。あるいは、中国語、日本語、及び韓国語 (CJK) のフォントは、それと同等の文字サイズ。

注記 1: 特別に細い線のフォント、又は文字の形が分かりにくくなるような独特の見た目や特徴のあるフォントは、コントラストが低い場合に特に読みづらい。

注記 2: ここでいう文字サイズは、コンテンツが提供される際のサイズであり、利用者によるサイズ変更は含まれない。

注記 3: 利用者が目にする文字の実際のサイズは、コンテンツ制作者が指定したサイズと利用者のディスプレイあるいはユーザエージェントの設定の両方に依存している。多くの主流となっている本文テキストで用いられるフォントにおいて、14 ポイントと 18 ポイントは、1.2em と 1.5em、又は、 (本文フォントが 100%であると仮定して) デフォルトサイズの 120% と 150% に、おおよそ同等である。しかし、制作者は、使用する特定のフォントについて、このことをチェックしておく必要がある。フォントが相対単位で定義されている時、実際に表示される文字サイズのポイント数は、ユーザエージェントによって計算される。この達成基準について評価する時には、文字サイズのポイント数は、ユーザエージェントから取得されるべきであり、又はユーザエージェントが行うフォントの計算基準に基づいて計算するべきである。ロービジョンの利用者については、自分で適切な設定を選択することを想定している。

注記 4: フォントサイズを指定せずにテキストを用いる際は、サイズを指定していないテキストに対して主要ブラウザで用いられる最小のフォントサイズをそのテキストのサイズとみなすのが妥当であろう。もし、レベル 1 の見出しが、主要なブラウザで 14 ポイントの太字あるいはそれ以上のサイズでレンダリングされるならば、それは「サイズの大きな」テキストであると考えてよい。相対的な拡大縮小は、同様の方法でそのデフォルトのサイズから算出することが可能である。

注記 5: 半角の英数字のテキストにおける 18 ポイント及び 14 ポイントのサイズは、拡大印刷の最小サイズ (14 ポイント) と標準的な大きい文字サイズ (18 ポイント) に基づいている。例えば、CJK 言語のようなその他の文字については、「同等な」サイズはその言語での拡大印刷の最小サイズと拡大印刷でその次に大きな標準のサイズとなる。

訳注: 日本語の全角文字の場合は、拡大教科書普及推進会議 第一次報告「第 2 章 拡大教科書の標準的な規格について」に基づき、22 ポイント又は 18 ポイントの太字を「同等な」サイズとみなすのが妥当である。

テキスト (text)

プログラムによる解釈が可能な文字の並びで、自然言語で何かを表現しているもの。

ユーザインタフェース コンポーネント (user interface component)

コンテンツの一部分で、特定の機能を実現するための単一のコントロールとして利用者が知覚するもの。

注記 1: 複数のユーザインタフェース コンポーネントが、単一のプログラム要素で実装されることもある。ここでいうコンポーネントは、プログラムの手法と結びついたものではなく、利用者が別々のコントロールとして知覚するものを指す。

注記 2: ユーザインタフェース コンポーネントには、フォーム要素、リンクだけでなく、スクリプトで生成されるコンポーネントが含まれる。

事例: アプレットには、コンテンツ内を行単位、ページ単位、又はランダムアクセスで移動するために用いられる「コントロール」がある。これらには、いずれも名前 (name) を割り当て、個別に設定できるようにする必要があるため、それぞれが「ユーザインタフェース コンポーネント」となる。

文字画像 (image of text)

特定の視覚的効果を得るために非テキスト形式 (例えば画像) でレンダリングされたテキスト。

注記: テキスト以外の部分が重要な視覚的コンテンツである場合、画像に含まれるテキストは該当しない。

事例: 写真に写っている人の名札にある人名。

純粋な装飾 (pure decoration)

見栄えのためだけのもので、情報は提供せず、機能性も備えていないもの。

注記: テキストが純粋な装飾といえるのは、単語を並べ替え、又は置き換えても意図が変わらないときだけである。

事例: 背景にとても淡い文字で単語がランダムに並んでいる辞書の表紙。


テキストのサイズ変更:
達成基準 1.4.4 を理解する

1.4.4 テキストのサイズ変更: キャプション及び文字画像を除き、テキストは、コンテンツ又は機能を損なうことなく、支援技術なしで 200% までサイズ変更できる。 (レベル AA)

この達成基準の意図

この達成基準の意図は、テキストベースのコントロール ([ASCII などのデータ形式であるテキスト文字に対して] 視覚的に見ることができるように表示された文字) を含む視覚的にレンダリングされたテキストを、例えば画面拡大ソフトのような支援技術を使わずに軽度の視覚障害のある人が、そのまま読むことができるように保証することである。利用者はウェブページ上のすべてのコンテンツを拡大することでメリットを得ることができるが、テキストは最も重要である。

コンテンツを拡大縮小することは、主にユーザエージェントの責任である。UAAG 1.0 チェックポイント 4.1 を満たしているユーザエージェントは、利用者がテキストの拡大縮小を設定できるようにしている。コンテンツ制作者の責任は、ユーザエージェントがコンテンツを効果的に拡大縮小することを妨げないウェブコンテンツを制作することである。コンテンツ制作者は、コンテンツがテキストベースのコントロールを含むテキストのサイズ変更のためのユーザエージェントのサポートを妨げていないことを確認すること、又はテキストのサイズ変更もしくはレイアウトの変更を直接サポートすることによって、この達成基準を満たすことができる。直接サポートの例は、異なるスタイルシートを割り当てるために使用できるサーバーサイドスクリプトを介したものかもしれない。

利用者が、ズームサポートを持つユーザエージェントにアクセスできない場合、コンテンツ制作者は、HTML コンテンツに対するこの達成基準を満たすためにユーザエージェントに依存することはできない。例えば、IE 6 を使用する必要のある環境で動作する場合などである。

訳注: ほとんどのモダンブラウザでは拡大機能が提供されている。また、IE6 は、サポートが終了したブラウザである。一目で分かる、各Windows OSでのInternet Explorerのサポート終了時期:Tech TIPS - @IT も参照されたい。

コンテンツ制作者が、ユーザエージェントによってズームサポートを提供していないウェブコンテンツ技術を使用している場合、コンテンツ制作者はこのタイプの機能を提供するか、又はユーザエージェントによって提供される機能のタイプで動作するコンテンツを提供する義務がある。ユーザエージェントがズーム機能を提供していないが、利用者にテキストの大きさの変更するのを許可する場合、コンテンツ制作者は、テキストの大きさを変更するときにコンテンツが利用可能なままであることを保証する責任がある。

ラベルとして機能し、コンテンツにアクセスするために利用者によるアクティベーションを必要とするユーザインターフェースコンポーネントの中には、ラベルコンテンツを収容するのに十分な幅がないものがある。例えば、ウェブメールアプリケーションにおける件名のカラムは、全ての可能性がある件名の見出しを収容するために十分な幅でなくてもよいが、件名の見出しをアクティブにすることで、利用者は、完全な件名の見出しを伴う完全なメッセージを得る。ウェブベースのスプレッドシートでは、カラム内に表示するには長すぎるセルのコンテンツは切り落とされ、そのセルの全コンテンツは、セルがフォーカスを受け取ったとき、利用者に提供される。ユーザインタフェースコンポーネントのコンテンツは、利用者がカラムの幅の大きさを変更することができるユーザインタフェースでも同様に、広くするかもしれない。このタイプのユーザインタフェースコンポーネントでは、改行が必須ではない。コンポーネントの完全なコンテンツが、フォーカスを置く又は利用者のアクティベーションの後に利用可能であり、この情報にアクセスすることができることが示され、それが切り捨てられるという事実の他にいずれかの方法で利用者へ提供される場合、切り捨ては許容される。

コンテンツが 200% まで、言い換えれば、幅と高さが 2 倍になるまで拡大可能である場合、コンテンツは達成基準を満たしている。コンテンツ制作者はそれ以上の拡大をサポートしてもよいが、拡大が極端に大きくなると、アダプティブレイアウトはユーザビリティの問題を引き起こす可能性がある。例えば、語句の広くなりすぎると、使用可能な横幅に収まりきらず、切り取られる可能性がある。レイアウト上の制約によって、拡大していったときに、テキストが他のコンテンツと重なり合ってしまうこともある。あるいは、文章中の一つの単語だけが各行にある状態になると、その文章が縦に表示されてしまって読みづらくなってしまう。

WCAG ワーキンググループは、広範囲に及ぶデザイン及びレイアウトをサポートできるという点と、最小の拡大率が 200% である古い画面拡大ソフトを補完するという点から、200% が合理的な適応と考えている。200% を超えると、拡大 (テキスト、画像、及びレイアウト領域のサイズを変更し、横スクロールと縦スクロールの両方を必要とする可能性のある大きなキャンバスを作り出す) のほうが、テキストのサイズ変更よりも効果的かもしれない。このような状況では、通常、拡大機能専用の支援技術が使用されており、コンテンツ制作者が利用者に直接サポートする機能よりもより良いアクセシビリティを提供することができる。

注記: 文字画像はピクセル化されている傾向があるため、テキストと同様に拡大しない。したがって、可能な限りテキストを使用することを勧める。一部の利用者にとって必要である、テキストの画像の前景と背景のコントラスト及び色の組み合わせを変更することも困難である。

達成基準 1.4.8 視覚的提示を理解するも参照のこと。

達成基準 1.4.4 の具体的なメリット

  • この達成基準は、コンテンツのテキストサイズを拡大して読むことができるようにすることで、ロービジョンの人に役立つ。

達成基準 1.4.4 の事例

  • 視覚障害のある利用者は、ブラウザにあるウェブページのテキストの大きさを 1 em から 1.2 em に増やしている。その利用者は、小さいテキストを読むことはできないが、大きいテキストは読むことができる。テキストに大きなフォントを使用すると、ページ上のすべての情報が表示される。

  • ウェブページは、ページの縮尺を変更するコントロールを含んでいる。異なる設定を選択すると、ページのレイアウトが変更され、その縮尺に最適なデザインが使用される。

  • 利用者は、ユーザエージェントのズーム機能を使って、コンテンツの縮尺を変更する。すべてのコンテンツは均一に拡大し、必要に応じてユーザエージェントがスクロールバーを提供している。

関連リソース

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

訳注: CSS2 の「Box Model」は、CSS Box Model Module Level 3 で再定義されている。

達成基準 1.4.4 の達成方法及び失敗例 - テキストのサイズ変更

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

1.4.4 でさらに対応が望まれる達成方法 (参考)

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

重要な用語

(この文書で用いられている) 支援技術 (assistive technology (as used in this document))

ユーザエージェントとして機能する、又は主流のユーザエージェントと一緒に機能するハードウェア及び/又はソフトウェアで、主流のユーザエージェントで提供されている機能以上の機能を、障害のある利用者の要求を満たすために提供するもの。

注記 1: 支援技術が提供する機能としては、代替の提示 (例: 合成音声や拡大表示したコンテンツ)、代替入力手法 (例: 音声認識)、付加的なナビゲーション又は位置確認のメカニズム、及びコンテンツ変換 (例: テーブルをよりアクセシブルにするもの) などを挙げることができる。

注記 2: 支援技術は、API を利用、監視することで、主流のユーザエージェントとデータやメッセージのやりとりをすることが多い。

注記 3: 主流のユーザエージェントと支援技術との区別は、絶対的なものではない。多くの主流のユーザエージェントは、障害者を支援する機能を提供している。基本的な差異は、主流のユーザエージェントが障害のある人もない人も含めて、広く多様な利用者を対象にしているのに対し、支援技術は、特定の障害のある利用者という、より狭く限られた人たちを対象にしているということである。支援技術により提供される支援は、対象とする利用者に特化した、よりニーズに適したものである。主流のユーザエージェントは、プログラムオブジェクトからのウェブコンテンツの抽出、マークアップの識別可能な構造への解釈といった、重要な機能を支援技術に対して提供する場合がある。

事例: この文書の文脈において重要な支援技術としては、以下のものが挙げられる:

  • 画面拡大ソフト及びその他の視覚的な表示に関する支援技術。視覚障害、知覚障害、及び読書困難などの障害のある人が、レンダリング後のテキスト及び画像の視覚的な読みやすさを改善するために、テキストのフォント、サイズ、間隔、色、音声との同期などを変更するのに使用している。

  • スクリーンリーダー。全盲の人がテキスト情報を合成音声あるいは点字で読み取るために使用している。

  • 音声変換ソフトウェア。認知障害、言語障害、及び学習障害のある人が、テキストを合成音声に変換するために使用している。

  • 音声認識ソフトウェア。何らかの身体障害のある利用者が使用することがある。

  • 代替キーボード。特定の身体障害のある人がキーボード操作をシミュレートするのに使用している (ヘッドポインタ、シングルスイッチ、呼気・吸気スイッチ、及びその他の特別な入力デバイスを使った代替キーボードを含む)。

  • 代替ポインティングデバイス。特定の身体障害のある人がマウスポインタとボタンの動きをシミュレートするのに使用している。

キャプション (captions)

そのメディアのコンテンツを理解するのに必要な、会話及び会話でない音声情報に対する、同期した視覚、及び/又はテキストによる代替

注記 1: キャプションは会話のみの字幕と似ているが、会話の内容だけを伝えるのではなく、その番組の内容を理解するために必要な効果音、音楽、笑い声、話者の特定、位置などを含む、会話でない音声情報と同等の内容も伝える点が異なる。

注記 2: クローズドキャプションは、音声情報と同等の内容で、プレーヤーによっては表示/非表示を切り替えることができるものを指す。

注記 3: オープンキャプションは、非表示にできないキャプションである。例えば、キャプションが同等の視覚化された文字画像映像に埋め込まれている場合である。

注記 4: キャプションは、映像に含まれる情報を分かりにくくしたり遮ったりすべきではない。

注記 5: 国によっては、キャプションは "subtitle" と呼ばれている。

訳注: subtitleには、「字幕」の意がある。日本では、キャプションのことを一般に字幕と呼ぶことが多い。

注記 6: 音声解説にキャプションをつけることもできるが、つける必要はない。なぜなら、音声解説は既に視覚的に提示されている情報の説明だからである。

テキスト (text)

プログラムによる解釈が可能な文字の並びで、自然言語で何かを表現しているもの。

文字画像 (image of text)

特定の視覚的効果を得るために非テキスト形式 (例えば画像) でレンダリングされたテキスト。

注記: テキスト以外の部分が重要な視覚的コンテンツである場合、画像に含まれるテキストは該当しない。

事例: 写真に写っている人の名札にある人名。


文字画像:
達成基準 1.4.5 を理解する

1.4.5 文字画像: 使用している技術で意図した視覚的提示が可能である場合、文字画像ではなくテキストが情報伝達に用いられている。ただし、次に挙げる場合を除く: (レベル AA)

  • カスタマイズ可能: 文字画像は、利用者の要求に応じた視覚的なカスタマイズができる。

  • 必要不可欠: テキストの特定の提示が、伝えようとする情報にとって必要不可欠である。

注記: ロゴタイプ (ロゴ又はブランド名の一部である文字) は必要不可欠なものであると考えられる。

この達成基準の意図

この達成基準の意図は、テキストによる特定の視覚的な提示を必要とする人が、必要に応じてテキストによる提示を調整できるように、所望のデフォルトの視覚的提示を達成できる技術をコンテンツ制作者に推奨することである。これは、テキストに、特定のフォントサイズ、前景色及び背景色、書体、行間、又は配置を必要とする人を含む。

コンテンツ制作者が同じ視覚的な効果を達成するためにテキストを使用できる場合、コンテンツ制作者は情報を提示するのに画像を用いるのではなく、テキストを用いることが望ましい。何らかの理由により、コンテンツ制作者が同じ効果を得るためにテキストの書式を整えることができない場合、その効果が一般に入手可能なユーザエージェントでは確実に提示できない、又はこの達成基準を満たすウェブコンテンツ技術を用いることが達成基準 1.4.4 などの他の達成基準を満たすことの妨げになる場合、文字画像を使用できる。これは、書体のサンプル、ロゴタイプ、ブランドなどのような、伝えている情報にとってテキストの特定の提示が必要不可欠な場合を含む。文字画像はまた、広く普及していないかコンテンツ制作者が再配布する権利を持っていないかのいずれかで特定の書体を用いるために、又はそのテキストがすべてのユーザエージェントでアンチエイリアスをかけた状態になるようにするために使われることもある。

利用者が文字画像を自分の好みに合わせてカスタマイズできる場合にも、文字画像を用いてもよい。

文字画像の定義には、「注記: テキスト以外の部分が重要な視覚的コンテンツである場合、画像に含まれるテキストは該当しない。」とある。そのような画像の例として、テキストのみよりも視覚的に重要な情報を伝えるグラフ、スクリーンショット、ダイアグラムが含まれる。

この達成基準を満たすための達成方法は、達成基準 1.4.9 のものと同じである。ただし、その視覚的提示がコンテンツ制作者が用いているウェブコンテンツ技術で実現できる場合に適用する必要があるという点だけが異なる。達成基準 1.4.9 では、利用者が出力をカスタマイズできるときのみ、十分な達成方法が適用される。

達成基準 1.4.9 文字画像 (例外なし) を理解するも参照のこと。

達成基準 1.4.5 の具体的なメリット

  • ロービジョンの人 (コンテンツ制作者の指定した書体、サイズ、及び/又は色では、テキストが読みづらいことがある)

  • 視線移動に問題のある人 (コンテンツ制作者の指定した行間及び/又は配置では、テキストが読みづらいことがある)

  • 読字に影響を及ぼす認知障害のある人

達成基準 1.4.5 の事例

  • スタイルを指定した見出し

    ビットマップ画像を用いて特定のフォント及びサイズで見出しを提示するのではなく、コンテンツ制作者は CSS を用いて同じ見栄えにする。

  • 動的に生成された画像

    あるウェブページでは、サーバーサイドのスクリプトを用いてテキストを画像として提示している。そのページには、利用者が生成される画像のフォントサイズ及び前景色と背景色を調節することのできるコントロールがある。

  • 引用

    あるウェブページに引用が含まれている。その引用部分自体は、イタリックのテキストで、左側をインデントした状態で提示されている。その引用した部分の人名は、引用の下に 1.5 倍の行間を空けて、左側からさらにインデントした状態になっている。CSS は、テキストの書体、サイズ、色及び装飾だけでなく、テキストの配置、行間スペースの指定に使用される。

  • ナビゲーション

    ウェブページは、リンク先を表すアイコンとテキストの両方を持つナビゲーションリンクのメニューを含んでいる。CSSは、ナビゲーションリンク間の間隔だけでなく、テキストの書体、サイズ、前景色及び背景色を表示するために使用される。

  • 文字を含んだロゴ

    あるウェブサイトには、各ウェブページの左上のコーナーに組織のロゴがある。そのロゴには、ロゴタイプ (ロゴの一部又は全部がテキスト) がある。テキストの視覚的提示は、そのロゴの特定に不可欠であり、そのテキストの特徴を変更することができない GIF 画像として含まていれる。その画像は、テキストによる代替がある。

  • 書体のサンプル

    ウェブページは、特定の書体に関する情報を含んでいる。その書体を他の書体に置き換えると、表現の目的は損なわれるだろう。この表現は、テキストの特徴を変更できないJPEG画像として含まれている。画像は、テキストによる代替を持つ。

  • 手紙の写し

    ウェブページは、手紙の原本を描写したものを含んでいる。オリジナルの体裁でその手紙を表現するには、手紙の書かれた時代について伝える情報が不可欠である。手紙は、文字の特徴を変更することができない GIF 画像である。画像は、テキストによる代替を持つ。

  • 記号的な文字

    フォームは、利用者がテキストのブロックの入力を可能にする。そのフォームは、テキストのスタイルやスペルチェックなどの機能を含む、多くのボタンを提供している。ボタンの中には、自然言語で何かを表現している順序を整列させていないテキストの文字を用いている。例えば、フォントを太字にするには "B"、テキストをイタリックにするには "I"、そしてスペルチェックをするのには "ABC" である。記号的な文字は、その文字の特徴を変更することができない GIF 画像として含まれている。ボタンは、テキストによる代替を持つ。

  • 文字画像のカスタマイズ可能なフォント設定

    あるウェブサイトでは、利用者がフォントを設定できるようになっており、このウェブサイトのすべての文字画像は、その設定に基づいて提供される。

関連リソース

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

達成基準 1.4.5 の達成方法及び失敗例 - 文字画像

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

1.4.5 でさらに対応が望まれる達成方法 (参考)

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

非テキストコンテンツ向けの一般的な達成方法
  1. 情報を提供する非テキストコンテンツを識別する(リンク追加予定)

CSS による達成方法
  1. C12: フォントサイズにパーセントを使用する (CSS)

  2. C13: 名前付きフォントサイズを使用する (CSS)

  3. C14: フォントサイズに em 単位を使用する (CSS)

  4. C8: 単語内の文字間隔を制御するために、CSS の letter-spacing を使用する (CSS)

  5. C6: 構造を示すマークアップに基づいてコンテンツを配置する (CSS)

  6. 1文字以内でデザインされるテキスト文字を避ける(リンク追加予定)

達成基準 1.4.5 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.4.5 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

テキスト (text)

プログラムによる解釈が可能な文字の並びで、自然言語で何かを表現しているもの。

必要不可欠 (essential)

もし取り除いてしまうと、コンテンツの情報あるいは機能を根本的に変えてしまい、かつ、適合する他の方法では情報及び機能を実現できない。

文字画像 (image of text)

特定の視覚的効果を得るために非テキスト形式 (例えば画像) でレンダリングされたテキスト。

注記: テキスト以外の部分が重要な視覚的コンテンツである場合、画像に含まれるテキストは該当しない。

事例: 写真に写っている人の名札にある人名。

視覚的なカスタマイズ (visually customized)

フォント、サイズ、色、及び背景を設定できること。


コントラスト (高度) :
達成基準 1.4.6 を理解する

1.4.6 コントラスト (高度) : テキスト及び文字画像視覚的提示には、少なくとも 7:1 のコントラスト比がある。ただし、次の場合は除く: (レベル AAA)

  • 大きな文字: サイズの大きなテキスト及びサイズの大きな文字画像には、少なくとも 4.5:1 のコントラスト比がある。

  • 付随的: テキスト又は文字画像において、次の場合はコントラストの要件はない。アクティブではないユーザインタフェース コンポーネントの一部である、純粋な装飾である、誰も視覚的に確認できない、又は重要な他の視覚的なコンテンツを含む写真の一部分である。

  • ロゴタイプ: ロゴ又はブランド名の一部である文字には、最低限のコントラストの要件はない。

この達成基準の意図

この達成基準の意図は、(コントラストを強化する支援技術を使用していない) 中度のロービジョンの人がテキストを読めるように、テキストとその背景との間に十分なコントラストを提供することである。読解力で評価すると、色覚異常ではない人にとって、色相及び彩度は文字の読みやすさにほとんど又は全く影響がない (Knoblauch et al., 1991)。色覚異常は、輝度コントラストに多少の影響を及ぼす可能性がある。したがって、WCAG 2.0 勧告では、色覚異常の人でもテキストと背景との間の適切なコントラストを持つように、色が主要因とならないような方法でコントラストを算出している。

装飾的及び情報を伝えないテキストは除外される。例えば、背景を作成するためにランダムな単語が使用され、かつその単語を意味を変えずに並べ替え又は置換できる場合、これは装飾的であり、この達成基準を満たす必要はない。

より大きい及びより広い文字ストロークを持つテキストは、より低いコントラストでも読みやすい。したがって、より大きいテキストに対するコントラスト要件は、より低い。これにより、コンテンツ制作者は、より大きいテキストに対して幅広い色の選択肢を使用することができ、ページ、特にタイトルのデザインに役立つ。18 ポイントのテキスト又は 14 ポイントの太字のテキストは、より低いコントラスト比を要求するのに十分な大きさであると判断される (関連リソースにある "The American Printing House for the Blind Guidelines for Large Printing and The Library of Congress Guidelines for Large Print"を参照のこと)。「18 ポイント」と「太字」の両者は、異なるフォントでは異なる意味合いを持つこともあるが、極めて細い線のフォント又は特異なフォントを除き、十分である。非常に多くの様々なフォントがあるため、ここでは一般的な基準を用いることとして、用語集にて装飾的なフォント又は細い線のフォントに関する注記を付けている。

注記 1: この達成基準を評価する場合、フォントのポイント数は、ユーザエージェントから取得されるべきである、又はユーザエージェントが行う方法でフォントメトリックをもとに算出されるべきである。ポイント数は、CSS3 Values で定義されている CSS の pt サイズに基づいている。ポイント数と CSS ピクセルの比は 1pt = 1.333px であり、したがって 14pt と 18pt は約 18.5px と 24px に相当する。

注記 2: フォントの見た目を滑らかにするためにアンチエイリアス処理がされている際は、暗さ又は明るさを損なうことがある。それにより、実際のコントラストが引き下げられる可能性がある。フォントの線幅をより太くすれば、この問題を軽減することになるだろう (細い線のフォントでは文字の端の部分よりもむしろ細い部分を明るくすることができる)。大きめのフォントを用いて、ユーザエージェントのフォントスムージング機能をオンにして読みやすさをテストすることを推奨する。

注記 3: 画像編集アプリケーションによってデフォルトとなるピクセル密度が異なるため (例: 72 PPI 又は 96 PPI)、特定のサイズでテキストを提示する場合、画像編集アプリケーション内部からフォントのポイント数を特定することは信頼性に欠ける。サイズの大きな文字画像を作成する場合、コンテンツ制作者は画面に表示される画像の文字が、ブラウザによってレンダリングされる本文のテキストの標準サイズの 1.2em 及び 1.5em 又は 120% 及び 150% におおよそ相当することを確認すべきである。

前述のテキストに対するコントラストの要件は、達成基準 1.4.5 で述べられているように、文字画像 (ピクセルでレンダリングされ、画像フォーマットで保存された文字) にも適用される。

この要件は、文字画像がテキストとして理解されることを意図した状況に適用される。たまたま道路標識が入った写真などの付随的なテキストはこの例外には含まれない。なんらかの理由で、すべての利用者に見えないように設計されているテキストも含まれない。企業のロゴなどの図案化されたテキストは、ページ上の機能の観点から取り扱われるべきであり、これは、テキストによる代替でコンテンツを含むことを保証するかもしれないし、保証しないかもしれない。ロゴ及びロゴタイプの範囲を超える企業の視覚的なガイドラインは含まれない。

この達成基準には、「意味のあるその他の視覚的なコンテンツを含む写真の一部分である」という例外がある。この例外は、特定の見た目にするためにテキストを置き換えるための文字画像から、テキストのある写真を区別することを意図している。

この達成基準はテキストだけに適用されるが、チャートやグラフ、ダイアグラム、および他の非テキスト情報内のコンテンツにおいても同様の問題は起こる。この様に表示されるコンテンツは、より多くの利用者が情報にアクセスすることを保障するために、十分なコントラストも確保している必要がある。

コントラスト比を定めた論理的根拠

3:1 のコントラスト比は、[ISO-9241-3] 及び [ANSI-HFES-100-1988] によって推奨されている、標準的なテキスト及び視力における最低限のレベルである。達成基準 1.4.3 で用いられる 4.5:1 のコントラスト比は、中度の弱い視力、先天的又は後天的な色覚異常、あるいは加齢に伴うコントラスト感度の衰えに起因する、コントラスト感度の低下を考慮している。

論理的根拠は、次のことに基づいている。a) ANSI 標準規格 (American National Standards Institute: 米国の国家規格) では、最低限の許容可能なコントラストとして、コントラスト比 3:1 を採用しており、b) 集団内では、20/40 (0.5) の視力は、おおよそ 1.5 のコントラスト感度低下と関連付けられているという経験的事実がある [ARDITI-FAYE]。したがって、視力が 20/40 (0.5) の利用者は、「3 * 1.5 = 4.5:1」のコントラスト比を必要とするであろう。類似した実証的事実及び同じ論理に沿うと、視力が 20/80 (0.25) の利用者は、約 7:1 のコントラスト比を必要とすることになる。

色相は、色覚異常 (先天性及び後天性の両方) をもつ利用者によって、通常の目の見える利用者とは異なる色及び相対的な輝度コントラストを結果としてもたらすように、異なって知覚される。このため、有効なコントラスト及び読みやすさは、人々によって異なる。しかし、色覚異常は非常に多様であるため、定量的なデータに基づく (コントラストのための) 有効で一般的な色の組み合わせを規定することは、実現不可能である。十分な輝度コントラストを要求することは、色の知覚から独立したコントラストを要求することによって、これに対応している。幸いにも、輝度の寄与のほとんどは、分光応答で大部分が重なる中波長及び長波長の受容体からのものである。その結果、有効な輝度コントラストが一般的に、特定の色覚異常に関係なく計算できる。ただし、赤色を知覚しにくい 1 型 2 色覚の人の場合、暗い色 (一般に黒に見える) に対して主に長波長の色を用いることは除く (この理由のために、WCAG ワーキンググループは、黒の背景色に赤の前景色を使うことを避ける参考達成方法を提供している)。詳細については、[ARDITI-KNOBLAUCH] [ARDITI-KNOBLAUCH-1996] [ARDITI] を参照のこと。

4.5:1 のコントラスト比は、約 20/40 (0.5) の視力に等しい視覚損失をもつ利用者によって通常経験されるコントラスト感度の低下を埋め合わせをするため、レベル AA に対して選択された。(20/40 (0.5) は約 4.5:1 と計算される)。20/40 (0.5) は、80 歳前後の高齢者の典型的な視力として、よく報告される視力である [GITTINGS-FOZARD]

7:1 のコントラスト比は、約 20/80 (0.25) の視力に等しい視覚損失をもつ利用者によって通常経験されるコントラスト感度の低下を埋め合わせをするため、レベル AAA に対して選択された。この程度の視覚損失を超える人は、通常、コンテンツにアクセスするために支援技術を使用する (そして、支援技術は通常、コントラストの強化と画面の拡大機能が組み込まれている)。したがって、7:1 のレベルは、一般に支援技術を使用していないロービジョンの利用者によって経験されるコントラスト感度の低下に対する補償を提供し、同様に色覚異常の利用者に対してもコントラストの強化を提供する。

注記: [ISO-9241-3]、及び、[ANSI-HFES-100-1988] における計算は、本文のテキストのためのものである。それよりもはるかに大きいサイズのテキストに対しては、緩やかなコントラスト比が提供されている。

計算式に関する注記

RGB 値の非線形から線形への変換は、IEC/4WD 61966-2-1 [IEC-4WD] 及び "A Standard Default Color Space for the Internet - sRGB" [sRGB] に基づいている。

コントラストの計算式 (L1/L2) は、[ISO-9241-3] 及び [ANSI-HFES-100-1988] 規格に基づいている。

ANSI/HFS 100-1988 規格では、L1 及び L2 の計算を含むために、周辺光からの寄与を必要とする。用いている 0.05 という値は、[IEC-4WD] の Typical Viewing Flare 及び M. Stokes et al の論文 [sRGB] に基づいている。

この達成基準及びその定義では、ウェブコンテンツが光そのものを放たないという事実を反映するために、「輝度」ではなく、「コントラスト比」及び「相対輝度」という用語を用いている。コントラスト比は、コンテンツが表示されたときに生じる相対輝度の評価基準 (尺度) を与える (比率なので無次元である)。

注記 1: コントラスト比を用いてウェブコンテンツのコントラストを分析するツールの一覧は、関連リソースを参照のこと。

注記 2: キーボードフォーカスを表示するための達成方法については、 達成基準 2.4.7 フォーカスの可視化を理解するも参照のこと。

達成基準 1.4.6 の具体的なメリット

  • ロービジョンの人は、背景とのコントラストがないテキストを読むのが困難なことがよくある。これは、コントラストをさらに低下させる色覚異常がある人の場合、深刻となりえる。テキストとその背景との間に最低限のコントラスト比を提供することで、たとえその人があらゆる色を見ることができなくても、テキストをより読みやすくすることができる。また、まれに全く色が見えない人にも有用である。

達成基準 1.4.6 の事例

(none currently documented)

達成基準 1.4.6 の達成方法及び失敗例 - コントラスト (高度)

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 太字でないテキストが 18 ポイント (日本語は 22 ポイント) 未満、太字のテキストが 14 ポイント (日本語は 18 ポイント) 未満の場合:
  1. G17: テキスト (及び文字画像) とその背景の間に、少なくとも 7:1 のコントラスト比を確保する

  2. G148: 背景色及び文字色を指定せず、その初期設定を変更するウェブコンテンツ技術の機能を使用しない

  3. G174: 利用者が十分なコントラストのある提示に切り替えられるように、十分なコントラスト比のあるコントロールを提供する

  4. SL13: Providing A Style Switcher To Switch To High Contrast (Silverlight)

状況 B: 太字でないテキストが少なくとも 18 ポイント (日本語は 22 ポイント) 以上、太字のテキストが少なくとも 14 ポイント (日本語は 18 ポイント) 以上の場合:
  1. G18: テキスト (及び文字画像) とその背景の間に、少なくとも 4.5:1 のコントラスト比を確保する

  2. G148: 背景色及び文字色を指定せず、その初期設定を変更するウェブコンテンツ技術の機能を使用しない

  3. G174: 利用者が十分なコントラストのある提示に切り替えられるように、十分なコントラスト比のあるコントロールを提供する

  4. SL13: Providing A Style Switcher To Switch To High Contrast (Silverlight)

1.4.6 でさらに対応が望まれる達成方法 (参考)

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

  • G156: テキストのブロックの前景及び背景を変更できる、一般に入手可能なユーザエージェントが備えるウェブコンテンツ技術を使用する

  • 模様のある背景にはよりハイコントラストな値の文字を用いる (リンク追加予定)

  • 文字画像の代わりに Unicode テキストとスタイルシートを用いる (リンク追加予定)

  • ダイヤグラムの線にハイコントラストな値を用いる (リンク追加予定)

  • 赤と黒の組み合わせによる文字と背景色には、さらに大きなコントラストレベルを用いる

  • 主に中間のスペクトル要素からなる明るい要素とスペクトルの両端 (青と赤の波長) からなる暗い要素で構成された色を用いる

  • 両端のコントラストではなく、黒文字に白の背景よりも明るいパステルの背景色を用いる (リンク追加予定)

  • テキストのコントラスト規定を満たしているシンプルな線で描かれたアイコンを使う (リンク追加予定)

  • グラフやチャートに十分な色コントラストを提供する (リンク追加予定)

  • デフォルトの提示から 3:1 のコントラスト比又はそれよりも高い比率を用いる (リンク追加予定)

  • 空のテキストフィールドに十分な色のコントラストを提供する (リンク追加予定)

重要な用語

コントラスト比 (contrast ratio)

(L1 + 0.05) / (L2 + 0.05) ここでは、

  • L1 は、明るいほうの色の 相対輝度である。そして、

  • L2 は、暗いほうの色の 相対輝度である。

注記 1: コントラスト比は、1~21 の範囲になりうる (通常は、1:1~21:1 と記述される)。

注記 2: コンテンツ制作者は、テキストのレンダリング (例: フォントのスムージングやアンチエイリアス) に関する利用者の設定を制御できないため、アンチエイリアスをオフにした状態でテキストのコントラスト比を評価してもよい。

注記 3: 達成基準 1.4.3 及び 1.4.6 の目的上、コントラストは通常の使用においてテキストがレンダリングされるときに指定されている背景色に対して測定する。もし背景色の指定がない場合は、背景色には白を想定する。

注記 4: 背景色は、テキストが通常の使用においてレンダリングされるときに背景となるコンテンツの色として指定された色である。テキストの色は指定されているが背景色が指定されていない場合、利用者のデフォルトの背景色は未知であり、コントラストが十分かどうかを評価することができないため、問題がある。同じ理由で、背景色が指定されているがテキストの色が指定されていない場合も問題がある。

注記 5: 文字の周囲に縁取りがある場合、その縁取りがコントラストを強めることもあり、文字とその背景色におけるコントラストの計算に用いられる。文字の周囲の細い縁取りは文字として扱われる。文字の周囲の太い縁取りが、光彩のようになって、文字の内側の細部を塗りつぶしていれば、背景色として考慮されることになる。

注記 6: WCAG に適合しているか判断する場合は、典型的な提示において隣接するであろうと制作者が想定するコンテンツで指定された色の組み合わせについて評価しなければならない。制作者は、ユーザエージェントによる色の変更などのように通常とは異なる提示を考慮する必要はない。ただし、それが制作者のコードによって起こる場合は除く。

サイズの大きな (テキスト) (large scale (text))

少なくとも 18 ポイント、又は 14 ポイントの太字。あるいは、中国語、日本語、及び韓国語 (CJK) のフォントは、それと同等の文字サイズ。

注記 1: 特別に細い線のフォント、又は文字の形が分かりにくくなるような独特の見た目や特徴のあるフォントは、コントラストが低い場合に特に読みづらい。

注記 2: ここでいう文字サイズは、コンテンツが提供される際のサイズであり、利用者によるサイズ変更は含まれない。

注記 3: 利用者が目にする文字の実際のサイズは、コンテンツ制作者が指定したサイズと利用者のディスプレイあるいはユーザエージェントの設定の両方に依存している。多くの主流となっている本文テキストで用いられるフォントにおいて、14 ポイントと 18 ポイントは、1.2em と 1.5em、又は、 (本文フォントが 100%であると仮定して) デフォルトサイズの 120% と 150% に、おおよそ同等である。しかし、制作者は、使用する特定のフォントについて、このことをチェックしておく必要がある。フォントが相対単位で定義されている時、実際に表示される文字サイズのポイント数は、ユーザエージェントによって計算される。この達成基準について評価する時には、文字サイズのポイント数は、ユーザエージェントから取得されるべきであり、又はユーザエージェントが行うフォントの計算基準に基づいて計算するべきである。ロービジョンの利用者については、自分で適切な設定を選択することを想定している。

注記 4: フォントサイズを指定せずにテキストを用いる際は、サイズを指定していないテキストに対して主要ブラウザで用いられる最小のフォントサイズをそのテキストのサイズとみなすのが妥当であろう。もし、レベル 1 の見出しが、主要なブラウザで 14 ポイントの太字あるいはそれ以上のサイズでレンダリングされるならば、それは「サイズの大きな」テキストであると考えてよい。相対的な拡大縮小は、同様の方法でそのデフォルトのサイズから算出することが可能である。

注記 5: 半角の英数字のテキストにおける 18 ポイント及び 14 ポイントのサイズは、拡大印刷の最小サイズ (14 ポイント) と標準的な大きい文字サイズ (18 ポイント) に基づいている。例えば、CJK 言語のようなその他の文字については、「同等な」サイズはその言語での拡大印刷の最小サイズと拡大印刷でその次に大きな標準のサイズとなる。

訳注: 日本語の全角文字の場合は、拡大教科書普及推進会議 第一次報告「第 2 章 拡大教科書の標準的な規格について」に基づき、22 ポイント又は 18 ポイントの太字を「同等な」サイズとみなすのが妥当である。

テキスト (text)

プログラムによる解釈が可能な文字の並びで、自然言語で何かを表現しているもの。

ユーザインタフェース コンポーネント (user interface component)

コンテンツの一部分で、特定の機能を実現するための単一のコントロールとして利用者が知覚するもの。

注記 1: 複数のユーザインタフェース コンポーネントが、単一のプログラム要素で実装されることもある。ここでいうコンポーネントは、プログラムの手法と結びついたものではなく、利用者が別々のコントロールとして知覚するものを指す。

注記 2: ユーザインタフェース コンポーネントには、フォーム要素、リンクだけでなく、スクリプトで生成されるコンポーネントが含まれる。

事例: アプレットには、コンテンツ内を行単位、ページ単位、又はランダムアクセスで移動するために用いられる「コントロール」がある。これらには、いずれも名前 (name) を割り当て、個別に設定できるようにする必要があるため、それぞれが「ユーザインタフェース コンポーネント」となる。

文字画像 (image of text)

特定の視覚的効果を得るために非テキスト形式 (例えば画像) でレンダリングされたテキスト。

注記: テキスト以外の部分が重要な視覚的コンテンツである場合、画像に含まれるテキストは該当しない。

事例: 写真に写っている人の名札にある人名。

純粋な装飾 (pure decoration)

見栄えのためだけのもので、情報は提供せず、機能性も備えていないもの。

注記: テキストが純粋な装飾といえるのは、単語を並べ替え、又は置き換えても意図が変わらないときだけである。

事例: 背景にとても淡い文字で単語がランダムに並んでいる辞書の表紙。


小さな背景音、又は背景音なし:
達成基準 1.4.7 を理解する

1.4.7 小さな背景音、又は背景音なし: 収録済音声しか含まないコンテンツで、(1) 前景に主として発話を含み、(2) 音声CAPTCHA 又は音声ロゴではなく、かつ、(3) 例えば、歌やラップなどのように、主として音楽表現を意図した発声ではないものについては、次に挙げる事項のうち、少なくとも一つを満たしている: (レベル AAA)

  • 背景音なし: 音声は背景音を含まない。

  • 消音: 背景音を消すことができる。

  • 20デシベル: 背景音は、前景にある発話のコンテンツより少なくとも20デシベルは低い。ただし、継続時間が2秒以内で発生頻度が低い背景音は除く。

    注記: デシベルの定義によれば、この要件を満たす背景音は、前景にある発話のコンテンツの約4分の1の大きさになる。

この達成基準の意図

この達成基準の意図は、発話ではないあらゆる音が、音声の聞こえづらい利用者が発話を背景音又は前景にある不要な他の発話コンテンツと区別することができるようにすることである。

20 デシベルという値は、 Large area assistive listening systems (ALS): Review and recommendations [LAALS]と、In-the-ear measurements of interference in hearing aids from digital wireless telephones [HEARING-AID-INT] に基づいている。

達成基準 1.4.7 の具体的なメリット

  • 音声の聞こえづらい利用者は、発話と背景音を区別しづらいことがしばしばある。

達成基準 1.4.7 の事例

(none currently documented)

関連リソース

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

達成基準 1.4.7 の達成方法及び失敗例 - 小さな背景音、又は背景音なし

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

1.4.7 でさらに対応が望まれる達成方法 (参考)

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

  • 前景音と背景音のレベルを独立して調節できる方法を提供する(リンク追加予定)

  • 発話より少なくとも20デシベル低い背景音を含む同期したメディアに対して、音声トラックを提供する(リンク追加予定)

達成基準 1.4.7 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.4.7 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

CAPTCHA

コンピュータと人間とを判別する完全自動化されたチューリングテスト (Completely Automated Public Turing test to tell Computers and Humans Apart) の頭文字語。

注記 1: CAPTCHA のテストは多くの場合、利用者に対し、不明瞭な画像又は音声ファイルによって提示されたテキストを入力するよう求める。

注記 2: チューリングテストは、人間とコンピュータを区別することを目的としたテストの仕組みである。その名は、高名なコンピュータ科学者のアラン チューリングにちなんでいる。この用語は、カーネギーメロン大学の研究者たちによる造語である。[CAPTCHA]

収録済 (prerecorded)

ライブではない情報。

音声しか含まない (audio-only)

音声のみを含んだ、時間に依存する提示 (映像やインタラクションを含まない)。


視覚的提示:
達成基準 1.4.8 を理解する

1.4.8 視覚的提示: テキストブロックの視覚的提示において、次を実現するメカニズムが利用できる: (レベル AAA)

  1. 利用者が、前景色と背景色を選択できる。

  2. 幅が 80 字を越えない (全角文字の場合は、40 字)。

  3. テキストが、均等割り付けされていない (両端揃えではない)。

  4. 段落中の行送りは、少なくとも 1.5 文字分ある。そして、段落の間隔は、その行送りの少なくとも 1.5 倍以上ある。

  5. テキストは、支援技術なしで 200%までサイズ変更でき、利用者が全画面表示にしたウィンドウで 1 行のテキストを読むときに横スクロールする必要がない。

この達成基準の意図

この達成基準の意図は、視覚的に描画されるテキストを、そのレイアウトにより読みやすさを損なうことなく、知覚できるように提示することである。認知の障害、言語の障害、及び学習障害のある利用者やロービジョンの利用者は、彼らにとってテキストが読みづらい方法で提示されていると、そのテキストを知覚できなかったり、どこを読んでいるのかが分からなくなったりすることがある。

視覚障害又は認知障害のある人は、テキストの色及び背景色を選択できる必要がある。彼らは、その障害のない人にとっては直感に反するように思える組み合わせを選んでいることがある。その組み合わせは、コントラストが非常に低いこともある。非常に限定された色の組み合わせしか有効でないこともある。テキストによる提示の色又はその他の外観を制御することは、そういった人の読解力に大きな違いをもたらす。

読字障害又は視覚障害のある利用者にとっては、長い行のテキストは大きな障壁となりうる。彼らは、自分が読んでいる位置を把握し続けることや、テキストの行送りを目で追うことが苦手である。テキストのブロックの幅を狭くすることで、そういった利用者はテキストのブロックを読んでいるときに次の行へ読み進めていきやすくなる。行は、80 文字又はグリフ (中国語、日本語、韓国語の場合は、40 文字) を超えるべきではない。ここでグリフは、テキストの書記体系における表記の要素である。諸研究によれば、中国語、日本語、及び韓国語の文字は、アルファベット文字と同じ読みやすさで表示すると、幅がほぼ 2 倍になる。そこで、中国語、日本語、及び韓国語の文字の場合は、行の長さの最長を半分にしている。

認知の障害のある利用者は、行送り幅 (行間隔) が接近していると、テキストを目で追うのが困難である。行送り幅及び段落の間隔をさらに空けることで、次の行へ移動しやすくなり、段落の終わりにたどりついたことも認識しやすくなる。例えば、行送り幅には 1.5 倍と 1 行おきというように、様々な選択肢があるのが最もよい。段落中の行送り幅が 1.5 文字分あるというのは、ある行のベースラインと次の行のベースラインとが、テキストが「シングルスペース」(そのフォントでのデフォルトの行送り幅) の 150%離れていることを意味する。そして、段落の間隔が行送り幅の 1.5 倍広いというのは、ある段落の最終行のベースラインが次の段落の最初の行のベースラインから 250%離れていることを意味する (言い換えれば、二つの段落の間に、シングルスペースの空行の 150%に相当する、空行が 1 行あるということである)。

特定の認知障害のある人は、均等割り付けされているテキストを読むのに問題を抱えている。左右両端を揃えた状態で行ごとに単語間 (日本語では文字間) がまちまちの場合に、空白が「リバー (rivers of white)」のようにページの下のほうへ流れているように見えると、テキストが読みづらくなり、全く読めなくなることもありうる。また、テキストの均等割り付けは、単語間が近くなりすぎて、単語と単語の分かれ目が分かりづらくなってしまうこともある。

テキストのサイズ変更は、視覚的に描画されるテキスト (視覚的に見ることができるように表示されたテキストの文字 [対 ASCII のようにデータとしての属性を持つテキスト]) を、利用者がすべてのコンテンツを見るのに左右にスクロールすることのないように、問題なく拡大可能にすることである。それが可能なようにコンテンツが制作されていると、コンテンツは折り返しになる。これにより、ロービジョンの利用者及び認知の障害のある利用者は、混乱することなく、テキストのサイズを拡大することができるようになる。

コンテンツを拡大縮小することは、第一にユーザエージェントが果たすべき役割である。UAAG 1.0 チェックポイント 4.1 を満たしているユーザエージェントは、利用者がテキストの拡大縮小を設定できるようにしている。コンテンツ制作者が果たすべき役割は、ユーザエージェントがコンテンツを効果的に拡大縮小できるように、そして表示されているビューポートの横幅の中でコンテンツが折り返すように、ウェブコンテンツを制作することである。テキストのサイズ拡大に関するその他の情報は、 達成基準 1.4.4 テキストのサイズ変更を理解するを参照のこと。

横スクロールする必要がないという要件は、長い語句を 1 行に表示すると利用者が横にスクロールする必要があるような、小さい画面の端末に適用することを意図していない。この要件の目的のためには、コンテンツ制作者は、標準的なデスクトップ/ラップトップの画面でブラウザのウィンドウを最大化した状態で、コンテンツがこの要件を満たすようにしなければならない。利用者は一般的に何年も自分のコンピュータを使い続けるので、この基準をテストする際には、最新のデスクトップ/ラップトップの画面解像度ではなく、数年間にわたって普及しているデスクトップ/ラップトップの画面解像度を考慮すべきである。

一つの単語が全画面の幅の半分以上になるほど長くない限り、折り返して全体を表示することが可能である。とても長い URI は、拡大された画面からはみ出してしまうかもしれないが、URI は「読む」ためのテキストではないとみなされるので、この基準に反することはない。

この基準は、利用者が横スクロールをする必要が絶対にないということを意味するわけではない。単に、1 行のテキストを読むために、利用者が横スクロールを繰り返す必要がないということを意味しているだけである。例えば、テキストが同じ幅の二段組になっているページは、この基準を自動的に満たしていることになるだろう。ページを拡大するというのは、一つめの段が画面上に全部見えていて、利用者がページを縦にスクロールするだけで読むことができるということを意味する。二つめの段を読むには、利用者は右へ横スクロール移動して、右側の段が画面の幅の中に完全に見える状態にして、それ以上は横にスクロールすることなく、その段を読むであろう。

達成基準 1.4.8 の具体的なメリット

この達成基準は、コンテンツの表現はそのままでテキストを読めるようにすることにより、ロービジョンの利用者の役に立つ。テキストのブロックの色及びサイズを調節できるようにすることにより、ロービジョンの利用者は、自分が見やすくなるようにテキストを調節することができるようになる。

この達成基準は、認知の障害、言語の障害、及び学習障害のある利用者がテキストを知覚して、テキストのブロック内での位置を把握できるようにする。

  • 認知の障害のある利用者は、自分に最適な前景色と背景色の組み合わせを選ぶと、テキストをより読みやすくすることができるようになる。

  • 認知の障害のある利用者は、テキストのブロックの幅が狭く、行送り幅及び段落の間隔を調整できると、自分の読んでいる位置をより容易に把握できるようになる。

  • 認知の障害のある利用者は、単語と単語の間隔が均一になっていると、テキストをより容易に読めるようになる。

達成基準 1.4.8 の事例

次の画像は、段落内で行間の幅を変えたテキストの例を示している。左から 1 行送り幅、1.5 行送り幅、及び 2 行送り幅になっている。

1 行送り幅のテキストの例 (行間にスペースなし)1.5 行送り幅のテキストの例 (行の高さの半分に等しいスペース)2 行送り幅のテキストの例 (行の高さと等しいスペースがそれぞれの行の間にある)

図形記号の例としては、「A」、「→」(矢印の記号)、そして「さ」(日本語の文字) などが挙げられる。

関連リソース

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

訳注: CSS2 の「Box Model」は、CSS Box Model Module Level 3 で再定義されている。

達成基準 1.4.8 の達成方法及び失敗例 - 視覚的提示

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

達成基準を満たすことのできる達成方法

使用法: これは複数の要件から成る達成基準なので、次の要件それぞれについて、番号付きの項目の中から一つを満たさなければならない。

要件 1: 前景色及び背景色を利用者が選択可能にする達成方法:
  1. C23: メインコンテンツのテキスト及び背景の色を指定せず、バナー、機能及びナビゲーションなどのような補助的なコンテンツのテキスト及び背景の色を CSS で指定する (CSS) 、又は、

  2. C25: テキスト及び背景の色は指定せずに、ウェブページの各領域の範囲を明確にするためのボーダーやレイアウトを CSS で指定する (CSS) 、又は、

  3. G156: テキストのブロックの前景及び背景を変更できる、一般に入手可能なユーザエージェントが備えるウェブコンテンツ技術を使用する、又は、

  4. G148: 背景色及び文字色を指定せず、その初期設定を変更するウェブコンテンツ技術の機能を使用しない、又は、

  5. G175: 背景色及び前景色のための複数色選択ツールをページ上で提供する

要件 2: 幅が図形記号を含めて 80 文字以下 (全角の場合は 40 文字以下) になるようにする達成方法:
  1. G204: 閲覧画面の幅を狭めたときに、ユーザエージェントによるテキストのリフローを妨げない、又は、

  2. C20: ブラウザがサイズ変更されるときに、行が平均で 80 字以下になるようなカラムの幅を設定するために、相対長さを使用する (CSS)

要件 3: テキストを均等割り付け (左右両端揃え) にしないようにする達成方法:
  1. C19: CSS でテキストの配置を左寄せ又は右寄せに指定する (CSS) 、又は、

  2. G172: テキストの両端揃えを解除するためのメカニズムを提供する、又は、

  3. G169: テキストを左寄せ又は右寄せにする

要件 4: 段落内の行送り幅 (行間隔) が少なくとも 1.5 文字分、及び段落の間隔がその行送り幅の少なくとも 1.5 倍になるようにする達成方法:
  1. G188: 行間及び段落の間隔を広げるボタンをウェブページ上に提供する、又は、

  2. C21: 行送り幅を CSS で指定する (CSS)

要件 5: 利用者が全画面表示にしたウィンドウで 1 行のテキストを読む際に横スクロールする必要がない状態で、支援技術を用いなくてもテキストを 200%までサイズ変更できるようにする達成方法:
  1. G204: 閲覧画面の幅を狭めたときに、ユーザエージェントによるテキストのリフローを妨げない、又は、

  2. G146: リキッドレイアウトを使用するかつ、次の達成方法の一つ以上を用いて、コンテンツにあるその他の大きさと相対的な大きさにする:

  3. G206: 利用者が横スクロールをしなくてもテキストの行を読めるようにするような、レイアウトを切り替えるオプションをコンテンツの中で提供する

1.4.8 でさらに対応が望まれる達成方法 (参考)

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

  • パラグラフ、リスト又はテーブルセルをハイライトするのに Hover 効果を用いる (HTML, CSS) (リンク追加予定)

  • sans serif フォント又はそれを達成できるメカニズムを提供する(CSS) (リンク追加予定)

  • インラインリストよりもリスト (ビュレット又は番号順) を用いる (リンク追加予定)

  • テキスト言語の綴りの慣習に従って上付又は下付を用いる (リンク追加予定)

  • デフォルトを大きな文字で提供する (リンク追加予定)

  • ビットマップ (ラスター画像) の文字利用を避ける (リンク追加予定)

  • ユーザエージェントの初期値よりも小さなサイズのフォント尺度を使わない (リンク追加予定)

  • 十分なスペースを持った行間を提供する (リンク追加予定)

  • 中心揃えの文字を使わない (リンク追加予定)

  • イタリックテキストをたくさんを使わない (リンク追加予定)

  • 個々のページやサイト内で異なるスタイルを乱用しない (リンク追加予定)

  • 視覚的に異なるリンクを用いる (リンク追加予定)

  • 拡張的なビュレットを提供する (リンク追加予定)

  • ビュレットポイントを見せる又は隠す (リンク追加予定)

  • 文の後は em スペース又は 2 スペースをあてる (リンク追加予定)

重要な用語

テキストブロック (blocks of text)

一文よりも長いテキスト。

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。

全画面表示のウィンドウで (on a full-screen window)

最も普及したサイズのデスクトップやラップトップのディスプレイで、ビューポートを最大化した状態。

注記: 利用者は一般的にコンピュータを数年間使い続けるので、評価の際は、最新のデスクトップやラップトップの画面解像度を基準にするのではなく、数年間にわたって普及したデスクトップやラップトップの画面解像度を考慮するのが望ましい。


文字画像 (例外なし) :
達成基準 1.4.9 を理解する

1.4.9 文字画像 (例外なし) : 文字画像は、純粋な装飾に用いられているか、テキストの特定の提示が伝えようとする情報にとって必要不可欠である場合に用いられている。 (レベル AAA)

注記: ロゴタイプ (ロゴ又はブランド名の一部である文字) は必要不可欠なものであると考えられる。

この達成基準の意図

この達成基準の意図は、テキストによる特定の視覚的な提示を必要とする人が、必要に応じてテキストによる提示を調整できるようにすることである。これは、テキストに、特定のフォントサイズ、前景色及び背景色、書体、行間、又は配置を必要とする人を含む。

これは、テキストによる提示を変更できるようにそのテキストを実装すること、又は利用者が代替の提示を選択できるメカニズムを提供することを意味する。文字画像を使用することは、利用者がテキストの提示を変更することを許さない実装の一例である。

状況によっては、テキストの特定の視覚的提示がその情報を伝える上で不可欠である。これは、その特定の視覚的提示でないと、その情報が損なわれてしまうことを意味する。この場合は、テキストを変更できるような方法で実装する必要はない。これには、特定の書体のようなテキストの特定の視覚的な側面を示すテキスト、又は企業のロゴ内にあるテキストのようなアイデンティティを伝えるテキストが含まれる。

装飾を目的にした文字は、その提示を変更できるように実装する必要はない。

文字画像の定義には、「注記: これには、重要なその他の視覚的なコンテンツを含む画像の一部であるテキストは含まれない。」とある。そのような画像の事例としては、グラフ、スクリーンショットやダイアグラムなどが挙げられ、それらは文字以外のものを通じて重要な情報を視覚的に伝えているからである。

達成基準 1.4.9 の具体的なメリット

  • ロービジョンの利用者 (コンテンツ制作者の指定した書体、サイズ、及び/又は色では、テキストが読みづらいことがある)

  • 視線移動に問題のある利用者 (コンテンツ制作者の指定した行間及び/又は配置では、テキストが読みづらいことがある)

  • 読字に影響を及ぼす認知の障害のある利用者

達成基準 1.4.9 の事例

  • 引用

    あるウェブページに引用がある。その引用部分自体は、イタリックのテキストで、左側をインデントした状態で提示されている。その引用した部分の人名が、引用の下に 1.5 倍の行間を空けて、左側からさらにインデントした状態になっている。そのテキストの配置、行間スペースの指定、そしてテキストの書体、サイズ、色及び装飾には、CSS を用いている。

  • ナビゲーション

    ウェブページに、ナビゲーションリンクのメニューがあり、アイコンとテキストの両方でリンク先を示している。CSS を用いて、テキストの書体、サイズ、前景色及び背景色、そしてナビゲーションリンク間の間隔を指定している。

  • 文字を含んだロゴ

    あるウェブサイトには、各ウェブページの左上のコーナーに組織のロゴがある。そのロゴには、ロゴタイプ (ロゴの一部又は全部がテキスト) がある。テキストの視覚的提示は、そのロゴの特定に不可欠であり、そのテキストの特徴を変更することができない GIF 画像として含まていれる。その画像は、テキストによる代替がある。

  • 書体のサンプル

    ウェブページに、特定の書体に関する情報がある。その書体を他の書体に置き換えると、サンプルとしての目的が損なわれてしまう。そのサンプルは、その文字の特徴を変更することができない JPEG 画像である。そして、その画像には、テキストによる代替がある。

  • 手紙の写し

    ウェブページに、手紙の原本を描写したものがある。オリジナルの体裁でその手紙を見せることが、その手紙の書かれた時代に関する情報を伝える上で不可欠である。その手紙は、その文字の特徴を変更することができない GIF 画像である。そして、その画像には、テキストによる代替がある。

  • 記号的な文字

    利用者がテキストのブロックを入力できるフォームがある。そのフォームは、テキストのスタイル指定やスペルチェックなどの機能のボタンをたくさん提供している。ボタンの中には文字を用いたものがあり、その文字に自然言語で何かを表現する並び順はない。例えば、フォントを太字にする機能には "B"、テキストをイタリックにする機能には "I"、そしてスペルチェックの機能には "ABC" が使われている。その記号的な文字は、その文字の特徴を変更することができない GIF 画像としてボタンになっている。そして、そのボタンにはテキストによる代替がある。

関連リソース

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

達成基準 1.4.9 の達成方法及び失敗例 - 文字画像 (例外なし)

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

1.4.9 でさらに対応が望まれる達成方法 (参考)

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

非装飾コンテンツに関する一般的な達成方法
  • 文字画像のサイズを変更するサーバーサイドスクリプトを用いる (リンク追加予定)

CSS の達成方法

達成基準 1.4.9 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.4.9 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

テキスト (text)

プログラムによる解釈が可能な文字の並びで、自然言語で何かを表現しているもの。

必要不可欠 (essential)

もし取り除いてしまうと、コンテンツの情報あるいは機能を根本的に変えてしまい、かつ、適合する他の方法では情報及び機能を実現できない。

文字画像 (image of text)

特定の視覚的効果を得るために非テキスト形式 (例えば画像) でレンダリングされたテキスト。

注記: テキスト以外の部分が重要な視覚的コンテンツである場合、画像に含まれるテキストは該当しない。

事例: 写真に写っている人の名札にある人名。

純粋な装飾 (pure decoration)

見栄えのためだけのもので、情報は提供せず、機能性も備えていないもの。

注記: テキストが純粋な装飾といえるのは、単語を並べ替え、又は置き換えても意図が変わらないときだけである。

事例: 背景にとても淡い文字で単語がランダムに並んでいる辞書の表紙。


キーボード操作可能:
ガイドライン 2.1 を理解する

ガイドライン 2.1: すべての機能をキーボードから利用できるようにすること。

ガイドライン 2.1 の意図

すべての機能がキーボードを用いて実現できる場合、キーボードの利用者、(キーボード入力を生成する) 音声入力、(オンスクリーンキーボードを使用する) マウス、及び出力として疑似的なキーストロークを生成する様々な支援技術により、その機能を実現できる。キーボード入力が時間に依存しない限り、この柔軟性がある、又はあまねくサポートされる、及び様々な障害のある人が操作可能な入力形態は他にはない。

汎用キーボードの入力を提供することは、他の入力方法をサポートしないほうがよいという意味ではないことに留意すること。最適化された音声入力、最適化されたマウス/ポインタ入力なども好ましい。鍵となるのは、キーボードによる入力及び制御も同時に提供することである。

例えば、PDA 又は携帯電話などは、もともとキーボードを搭載していないものもある。しかし、これらの機器にウェブ閲覧機能があれば、テキスト又は「キーストローク」を生成する何らかの手段があるだろう。このガイドラインでは、キーボード、キーボードエミュレータ、又はキーボード入力もしくはテキスト入力を生成するその他のハードウェアもしくはソフトウェアに由来するキーストロークから、ウェブコンテンツが制御されることが望ましいことを認めるために、「キーボードインタフェース」という用語を使用する。

ガイドライン 2.1 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • このガイドラインの参考にすべき達成方法はすべて、特定の達成基準に関係している。

キーボード:
達成基準 2.1.1 を理解する

2.1.1 キーボード: コンテンツのすべての機能は、個々のキーストロークに特定のタイミングを要することなく、キーボードインタフェースを通じて操作可能である。ただし、その根本的な機能が利用者の動作による始点から終点まで続く一連の軌跡に依存して実現されている場合は除く。 (レベル A)

注記 1: 上記の例外は、根本的な機能に関するものであり、入力手法に関するものではない。例えば、テキスト入力に手書き入力を用いるのであれば、その入力手法 (手書き) は利用者の動作による軌跡に依存した入力を必要とするが、その根本的な機能 (テキスト入力) は利用者の動作による軌跡に依存した入力を必要とするものではない。

注記 2: これは、キーボード操作に加えて、マウス入力、又はその他の入力手段を提供することを禁ずるものでも妨げるものでもない。

この達成基準の意図

この達成基準の意図は、可能な限り、コンテンツをキーボード又は (代替キーボードが利用できるような) キーボードインタフェースで操作ができるようにすることである。コンテンツがキーボード又は代替キーボードで操作できるとき、(目と手の協調運動を必要とするマウスのようなデバイスを使用できない) 全盲の人にも、代替キーボード又はキーボードエミュレータの機能を果たす入力デバイスを使用しなければならない人にも操作できる。キーボードエミュレータには、音声入力ソフトウェア、息操作ソフトウェア、オンスクリーンキーボード、スキャニングソフトウェア、そして様々な支援技術及び代替キーボードが挙げられる。ロービジョンの人はまた、ポインタを目で追うのが困難なことがあり、キーボードからソフトウェアを操作できる場合、ソフトウェアの使用がはるかに容易になる (又は、単に使えるようになる)。

「個々のキーストロークに特定のタイミング」の事例としては、利用者が短時間のうちに複数のキーストロークを繰り返すもしくは実行する必要がある状況、又はキーストロークが記録される前に長い間キーを押し続けなければならない状況が挙げられる。

「ただし、その根本的な機能が利用者の動作による始点から終点まで続く一連の軌跡に依存して実現されている場合は除く。」というフレーズは、キーボードから合理的に操作できないものを区別するために含まれている。

ポインティングデバイスにより実行される操作のほとんどは、キーボードでも実行可能である (例えば、クリックする、選択する、移動する、サイズ変更するなど)。しかし、過度のキーストローク数を必要としない既知の方法でキーボードから実行できないポインティングデバイスで行われる細かな入力の分類がある。自由な手描き、水彩画、及び障害物コースを通るヘリコプターの飛行は、いずれも軌跡に依存した入力を要する機能の事例である。直線や規則的な幾何学的図形を描く、ウィンドウのサイズを変更する及びある位置へオブジェクトをドラッグすること (その位置への軌跡に関係がない場合) は、軌跡に依存した入力を必要としない。

マウスキーの使用は、アプリケーションにとってキーボードに相当しないので、この達成基準を満たさないだろう。これはマウスに相当する (つまり、アプリケーションにはマウスのように見える)。

訳注: マウスキーとは、キーボードでマウスの操作を代替することのできるアクセシビリティ機能である。マウスキー - Wikipediaも参照のこと。

利用者が入力を行う機能の設計においては、オペレーティングシステムのキーボードアクセシビリティ機能が利用されている可能性を考慮することが期待される。例えば、修飾キーをロックする機能が有効になっているかもしれない。そのような環境でもコンテンツは機能し、修飾キーロックと衝突して予期しない結果を生じるようなイベントを送信しない (ようにすべきである)。

訳注: 修飾キーとは、別のキーと組み合わせて使用し、そのキーの意味を一時的に変えるものである。例えば、Shift キーがこれに当たる。修飾キーとは - IT用語辞典も参照のこと。

達成基準 2.1.1 の具体的なメリット

  • (目と手の協調運動を必要とするマウスのようなデバイスを使用できない) 全盲の人

  • (画面上のポインタを見つけたり、目で追ったりするのが困難である) ロービジョンの人

  • マウスを使うのが非常に難しいと感じ、通常はキーボードを使用している手に震えのある人

達成基準 2.1.1 の事例

  • 事例 1: 描画プログラム

    描画プログラムは、利用者がキーボードからオブジェクトの作成、サイズ変更、配置及び回転をするのを可能にする。

  • 事例 2: ドラッグ&ドロップ機能

    ドラッグ&ドロップを用いるアプリケーションは、オブジェクトを移動させるための「切り取り」及び「貼り付け」又はフォームコントロールもサポートしている。

  • 事例 3: 離れている点の間の移動及び接続

    点を結ぶプログラムは、利用者が画面上の点間を移動し、スペースキーで現在の点と直前の点を結ぶことを可能にする。

  • 事例 4: 例外 - お絵描きプログラム

    水彩画を描くプログラムは、筆の動きが速度及び持続時間によって変化するため、例外の一つとして認められる。

  • 事例 5: 例外 - 模型ヘリコプター飛行訓練シミュレータ

    ヘリコプター飛行訓練シミュレータは、シミュレータの性質上、模型ヘリコプターの動作をリアルタイムで教えるものであるため、例外の一つとして認められる。

  • 事例 6: オプションのキーボード付き PDA

    通常スタイラスペンで操作する PDA 機器は、オプションで取り付け可能なキーボードがある。そのキーボードは、標準的な方法で完全なウェブ閲覧を可能にする。キーボードのみのアクセスで動作するように設計されているので、ウェブコンテンツは操作可能である。

関連リソース

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

(今のところ、文書化されていない)

達成基準 2.1.1 の達成方法及び失敗例 - キーボード

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

達成基準を満たすことのできる達成方法

  1. G202: すべての機能に対してキーボード制御を確保する

  2. 次の達成方法の一つを用いて、キーボードで操作できることを保証する。

  3. 次の達成方法の一つを用いて、 G90: キーボードがトリガーとなるイベントハンドラを提供する :

  4. FLASH17: Flash オブジェクトにキーボードアクセスを提供して、キーボードトラップを回避する (Flash)  かつ、必要に応じて次の達成方法を用いる:

2.1.1 でさらに対応が望まれる達成方法 (参考)

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

  • インタラクティブなユーザインタフェースコンポーネントとして静的な要素に再度目的を持たせる場合、XHTML の役割、状態、及び値の属性を使用する (リンク追加予定) 及び SCR29: 静的な HTML 要素にキーボードアクセシブルなアクションを追加する (Scripting)

  • 重要なリンク及びフォームのコントロールへのキーボードショートカットを提供する (リンク追加予定)

  • 一覧表の各項目を始めるために固有の文字の組み合わせを使用する (リンク追加予定)

  • もっとも抽象的なイベントハンドラを選択する (リンク追加予定) (Scripting)

  • OnActivate イベントを使用する (リンク追加予定) (Scripting)

  • 他の目的で、一般的なユーザエージェントのキーボードコマンドの使用を避ける (リンク追加予定)

重要な用語

キーボードインタフェース (keyboard interface)

キーストローク入力を取得するためにソフトウェアが用いるインタフェース。

注記 1: 標準ではキーボードが存在しない技術であっても、キーボードインタフェースによって、利用者がキーストローク入力をプログラムに提供できる。

事例: タッチスクリーンを搭載している PDA には、外部キーボードへのコネクタとあわせて、そのオペレーティングシステムに組み込まれたキーボードインタフェースがある。PDA 上のアプリケーションはそのインタフェースを用いて、外部キーボード、あるいは手書き解釈プログラムや「キーボードエミュレーション」機能付きの音声テキスト変換アプリケーションのような擬似キーボード出力を提供する他のアプリケーションのいずれかからキーボード入力を取得することができる。

注記 2: マウスキーのようなキーボード操作によるマウスエミュレータによるアプリケーション (又は、そのアプリケーションの一部) の操作は、キーボードインタフェースからの操作とは見なさない。なぜならば、この場合、プログラムの操作は、キーボードインタフェースからではなく、そのポインティングデバイス インタフェースからの入力によって行われるからである。

機能 (functionality)

利用者の操作により実現可能なプロセス及び結果。


キーボードトラップなし:
達成基準 2.1.2 を理解する

2.1.2 キーボードトラップなし: キーボードインタフェースを用いてキーボードフォーカスをそのウェブページのあるコンポーネントに移動できる場合、キーボードインタフェースだけを用いてそのコンポーネントからフォーカスを外すことが可能である。さらに、修飾キーを伴わない矢印キー、 Tab キー、又はフォーカスを外すその他の標準的な方法でフォーカスを外せない場合は、フォーカスを外す方法が利用者に通知される。 (レベル A)

注記: この達成基準を満たさないコンテンツでは、利用者がそのウェブページ全体を使用できない恐れがあるため、ウェブページ上のすべてのコンテンツは他の達成基準を満たすために用いられているか否かにかかわらず、この達成基準を満たさなければならない。適合要件 5: 非干渉を参照。

この達成基準の意図

この達成基準の意図は、コンテンツが、ウェブページ上のコンテンツのサブセクション内で、キーボードフォーカスを「トラップ」しないことを確実にするためのものである。これは、複数のフォーマットが 1 ページ中に組み合わされ、かつ、プラグイン又は埋め込みアプリケーションを使用してレンダリングされるときによく起こる問題である。

利用者がその状態を離れる方法及びフォーカスを「トラップしない」ようにする方法を知っている限り、ウェブページの機能がコンテンツのサブセクションへのフォーカスを制限する場合があるかもしれない。

達成基準 2.1.2 の具体的なメリット

  • 全盲の人及び物理的な障害のある人など、ウェブを利用するためにキーボード又はキーボードインタフェースに依存している人。

達成基準 2.1.2 の事例

  • カレンダーウィジェット

    カレンダーウィジェットは、利用者がキーボードを用いてカレンダーに項目の追加、削除又は更新することを可能にする。ウィジェット内のコントロールは、ウェブページ内のタブ移動順序の一部であり、利用者はウィジェット内のコントロールだけでなく、その後に続く任意のリンク又はコントロールを使って Tab キーを使用できる。

  • パズルアプレット

    利用者がアプレット内に Tab キーを使用すると、Tab キー及びその他のキーストロークはアプレットによって処理される。アプレットから抜け出すのに用いるキーストロークを説明する指示は、アプレット自身の中だけでなく、アプレットの前にも提供されている。

  • モーダルダイアログボックス

    ウェブアプリケーションが、ダイアログを提示する。ダイアログの下部には、「キャンセル」と「OK」の二つのボタンがある。ダイアログが開くと、フォーカスはダイアログ内に閉じ込められる。ダイアログの最後のコントロールから Tab キーを使用すると、ダイアログの最初のコントロールにフォーカスが移動する。ダイアログは、「キャンセル」ボタン又は「OK」ボタンをアクティブにすると閉じられる。

関連リソース

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

(今のところ、文書化されていない)

達成基準 2.1.2 の達成方法及び失敗例 - キーボードトラップなし

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

2.1.2 でさらに対応が望まれる達成方法 (参考)

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

(まだ文書化されていない)

達成基準 2.1.2 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.1.2 の失敗例とみなした、よくある間違いである。

重要な用語

キーボードインタフェース (keyboard interface)

キーストローク入力を取得するためにソフトウェアが用いるインタフェース。

注記 1: 標準ではキーボードが存在しない技術であっても、キーボードインタフェースによって、利用者がキーストローク入力をプログラムに提供できる。

事例: タッチスクリーンを搭載している PDA には、外部キーボードへのコネクタとあわせて、そのオペレーティングシステムに組み込まれたキーボードインタフェースがある。PDA 上のアプリケーションはそのインタフェースを用いて、外部キーボード、あるいは手書き解釈プログラムや「キーボードエミュレーション」機能付きの音声テキスト変換アプリケーションのような擬似キーボード出力を提供する他のアプリケーションのいずれかからキーボード入力を取得することができる。

注記 2: マウスキーのようなキーボード操作によるマウスエミュレータによるアプリケーション (又は、そのアプリケーションの一部) の操作は、キーボードインタフェースからの操作とは見なさない。なぜならば、この場合、プログラムの操作は、キーボードインタフェースからではなく、そのポインティングデバイス インタフェースからの入力によって行われるからである。


キーボード (例外なし) :
達成基準 2.1.3 を理解する

2.1.3 キーボード (例外なし) : コンテンツのすべての機能は、個々のキーストロークに特定のタイミングを要することなく、キーボードインタフェースを通じて操作可能である。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、すべてのコンテンツをキーボードで操作可能にすることである。例外が認められないということを除いては、達成基準 2.1.1 と同じである。これは、終点だけでなく利用者の動作の軌跡に依存する入力が、基本機能に必要なコンテンツ (つまり、達成基準 2.1.1 では例外とされていたコンテンツ) にキーボードでアクセシブルにする必要があることを意味しない。逆に、そういった軌跡に依存した入力を用いるコンテンツは、この達成基準に適合することができないため、ガイドライン 2.1 にレベル AAA で適合することはできないということである。

達成基準 2.1.3 の事例

(none currently documented)

関連リソース

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

(今のところ、文書化されていない)

達成基準 2.1.3 の達成方法及び失敗例 - キーボード (例外なし)

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

達成基準を満たすことのできる達成方法

  1. この達成基準には、特に追加された達成方法があるわけではない。達成基準 2.1.1 の達成方法を参照のこと。アナログで時間の経過に依存した入力があるためにその達成方法が不可能な場合は、このレベル AAA の達成基準に適合することはできない。

重要な用語

キーボードインタフェース (keyboard interface)

キーストローク入力を取得するためにソフトウェアが用いるインタフェース。

注記 1: 標準ではキーボードが存在しない技術であっても、キーボードインタフェースによって、利用者がキーストローク入力をプログラムに提供できる。

事例: タッチスクリーンを搭載している PDA には、外部キーボードへのコネクタとあわせて、そのオペレーティングシステムに組み込まれたキーボードインタフェースがある。PDA 上のアプリケーションはそのインタフェースを用いて、外部キーボード、あるいは手書き解釈プログラムや「キーボードエミュレーション」機能付きの音声テキスト変換アプリケーションのような擬似キーボード出力を提供する他のアプリケーションのいずれかからキーボード入力を取得することができる。

注記 2: マウスキーのようなキーボード操作によるマウスエミュレータによるアプリケーション (又は、そのアプリケーションの一部) の操作は、キーボードインタフェースからの操作とは見なさない。なぜならば、この場合、プログラムの操作は、キーボードインタフェースからではなく、そのポインティングデバイス インタフェースからの入力によって行われるからである。

機能 (functionality)

利用者の操作により実現可能なプロセス及び結果。


十分な時間:
ガイドライン 2.2 を理解する

ガイドライン 2.2: 利用者がコンテンツを読み、使用するために十分な時間を提供すること。

ガイドライン 2.2 の意図

障害のある多くの利用者は、大多数の利用者よりもタスクを完了するのにより多くの時間を必要とする。障害のある利用者は、身体的に反応するのにより時間がかかることがある、何かを読むのにより時間がかかることがある、ロービジョンのために何かを見つけたり読んだりするのにより時間がかかることがある、又は、より時間を要する支援技術によってコンテンツにアクセスすることがある。このガイドラインは、利用者が個別の反応時間でコンテンツに要求されるタスクを完了できるようにすることに焦点を当てている。主なアプローチは、制限時間を取り除くこと、又はタスクを完了するために十分な追加時間を利用者に提供することを挙げている。これが不可能な場合に対する例外が提供されている。

ガイドライン 2.2 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • このガイドラインの参考にすべき達成方法はすべて、特定の達成基準に関係している。

タイミング調整可能:
達成基準 2.2.1 を理解する

2.2.1 タイミング調整可能: コンテンツに制限時間を設定する場合は、次に挙げる事項のうち、少なくとも一つを満たしている: (レベル A)

  • 解除: 制限時間があるコンテンツを利用する前に、利用者がその制限時間を解除することができる。又は、

  • 調整: 制限時間があるコンテンツを利用する前に、利用者が少なくともデフォルト設定の 10 倍を超える、大幅な制限時間の調整をすることができる。又は、

  • 延長: 時間切れになる前に利用者に警告し、かつ少なくとも 20 秒間の猶予をもって、例えば「スペースキーを押す」などの簡単な操作により、利用者が制限時間を少なくとも 10 倍以上延長することができる。又は、

  • リアルタイムの例外: リアルタイムのイベント (例えば、オークション) において制限時間が必須の要素で、その制限時間に代わる手段が存在しない。又は、

  • 必要不可欠な例外: 制限時間が必要不可欠なもので、制限時間を延長することがコンテンツの動作を無効にすることになる。又は、

  • 20 時間の例外: 制限時間が 20 時間よりも長い。

注記: この達成基準は、制限時間の結果として、コンテンツ又はコンテキストの予期せぬ変化を引き起こさないように利用者がタスクを完了できるようにするためのものである。この達成基準は、利用者の動作の結果としてのコンテンツ又はコンテキストの変化を制限する 達成基準 3.2.1と併せて考慮すること。

この達成基準の意図

この達成基準の意図は、障害のある利用者がウェブコンテンツを操作するのに十分な時間の提供を、可能な限り保証することである。全盲、ロービジョン、巧緻性障害、及び、認知能力の低下している利用者は、コンテンツを読んだり、オンラインフォームに記入したりするような操作を実行するのに、より長い時間を必要とする場合もある。そのため、ウェブコンテンツの機能が時間の経過に依存している場合、制限時間内に必要な操作を実行することが困難な利用者もいるだろう。このことは、サービスをそういった利用者に対してアクセシブルではないものにしてしまう。そこで、機能を時間の経過に依存しないように設計することで、障害のある利用者がその操作を完了させやすくなる。制限時間を解除する、制限時間の長さを調整する、又は時間切れになる前に制限時間の延長を要求する、といった選択肢を提供することは、作業を無事に終えると見込まれているよりも多くの時間を必要とする利用者の助けになる。これらの選択肢は、利用者にとって最も有用なものから順に書かれている。時間切れになる前に制限時間の延長を要求できるようにすることよりも、制限時間の長さを調整できるようにすることのほうが望ましく、さらにそれよりも制限時間を解除できるようにすることのほうが望ましい。

利用者によって開始されることがなく、設定時間後又は定期的に発生する処理は、どれも制限時間を表す。コンテンツの一部又は全部の更新 (例えば、ページのリフレッシュ)、コンテンツの変更、入力の要求に利用者が対応するためのウィンドウの失効などが含まれる。

また、利用者が読んだり、理解したり、又はその両方をすることができない速度で進んだり更新したりするコンテンツも含まれる。言い換えれば、アニメーションのある、動きのある、又はスクロールするコンテンツは、利用者がコンテンツを読むのに制限時間を課することになる。

サーバーの制限時間に関する注記

  • 制限時間のあるサーバーのリダイレクトは、以下にある「よくある失敗例」の中で述べられている。

  • 制限時間のないサーバーのリダイレクト (例: HTTP レスポンスコード 3xx) は、時間の制限がなく、瞬時に作動するので、この達成基準は適用されない。

  • この達成基準は、コンテンツ自体が設定する制限時間だけに適用される。例えば、セキュリティ上の懸念に対処するために制限時間を設けている場合、そのコンテンツの提示やインタラクションによる体験の一部であるため、コンテンツによって制限時間が設定されているとみなされる。ユーザエージェント又はインターネット固有の要因などにより、コンテンツ以外のものが設定する制限時間は、コンテンツ制作者が制御できるものではなく、WCAG への適合要件の対象とはならない。ウェブサーバーにより設定される制限時間は、コンテンツ制作者や運営組織が制御できるものであり、対象となる (達成基準 2.2.32.2.4 及び 2.2.5 も適用されることがある)。

  • デフォルトの 10 倍は、臨床的経験及び他のガイドラインに基づいて選ばれている。例えば、利用者が反応してスイッチを押すのに 15 秒間与えられていたら、たとえ問題があったとしても、150 秒はすべての利用者がスイッチを押すのに十分な時間であろう。

  • また、20 秒間も、臨床的経験及び他のガイドラインに基づいている。「あらゆるスイッチ」を押すのに、20 秒あれば、痙性 (麻痺している筋肉が自分の意思に関わらず勝手に緊張して収縮する症状) のある利用者も含むほとんどすべての利用者にとって十分である。中にはそれでも足りない利用者もいるかもしれないし、時間をどれだけ延ばしても足りない利用者もいるだろう。任意の長い時間にしてしまうと、あるアプリケーションに対して障害のある利用者を含むすべての利用者を危険な状態にするため、時間の延長を要求するのに妥当な時間を定める必要がある。例えば、金融取引に用いられるキオスク端末又は端末装置は、利用者が取引を終了せずにその場を離れてしまうことが非常によくある。そのままでは、端末を次の人に不正利用されやすい状態にしておくことになる。利用者の確認をせずに休止状態を長時間与えて、長時間にわたって利用者がその場にいるという状態にしておくことは、端末を不正利用の危険にさらすことになる。何も動きがなければ、システムはそこに利用者がいるかどうかを確認しなければならない。そのため、システムは、利用者がそこにいることを確認するように求め (「どれかキーを押してください」)、誰もが応じることができるだけの長さで利用者の反応を待つべきである。「どれかキーを押してください」に対して、20 秒という時間は、この条件を満たすであろう。もし利用者が自分はまだそこにいるということを示せば、その端末は利用者に確認する前と同じ状況を利用者に再び提示しなくてはならない。

  • 一日に起きている時間よりも長いので、上限として 20 時間を選んだ。

制限時間が本質的な要件ではなく、利用者に制限時間のあるイベントを制御できるようにすることが、その結果を無価値にするような場合には、第三者がその利用者のために制限時間を調整することができる (例えば、試験に 2 倍の時間を与える)。

達成基準 2.2.3 タイミング非依存を理解するも参照のこと。

達成基準 2.2.1 の具体的なメリット

  • 身体障害のある利用者は、反応したり、入力したり、タスクを完了したりするのに、より長い時間を要することが多い。ロービジョンの利用者は、画面上で何かを探したり、読んだりするのに時間がかかる。全盲でスクリーンリーダーを使用している利用者は、画面のレイアウトを理解したり、情報を見つけたり、そしてコントロールを操作したりするのに時間がかかるかもしれない。認知能力の低下、又は言語の障害のある利用者は、読んだり、理解したりするのに時間がかかる。ろう者で手話によるコミュニケーションしている利用者は、(彼らにとっては第二言語のようなものかもしれない) テキストで書かれた情報を読むのに時間がかかるかもしれない。

  • 手話通訳者が、聴覚障害の利用者に音声コンテンツを通訳しているような状況でも、制限時間を制御できることは重要である。

  • 読字障害、認知の障害及び学習障害のある利用者は、情報を読んだり、理解したりするのに時間がかかることがあり、コンテンツを一時停止させることによって、その情報を読む時間を延長することができる。

達成基準 2.2.1 の事例

  • ウェブサイトは、クライアントサイドの制限時間を用いて、コンピュータから離れてしまう可能性のある利用者を保護している。何も活動がないと、ウェブページは利用者がまだ時間が必要かどうかを確認する。もし利用者からの反応がなければ、そこでタイムアウトになる。

  • ウェブページには、巡回手段で最新のニュース見出しを自動的に更新するフィールドがある。利用者は更新する時間をデフォルトの 10 倍の長さに延ばすことができるインタラクティブなコントロールがある。そのコントロールは、マウス又はキーボードのどちらかで操作可能である。

  • ウェブページには、至るところに現れては消えるテキストが組み込まれたアニメーションがある。テキストがスクロールして画面を横切るものもあれば、表示されると短時間で背景に消えていくものもある。テキストを読むのが困難な利用者がテキストの消えてしまう前に読むことができるように、そのページには一時停止ボタンがある。

  • オークションにおいて、利用者が入札しなければならない時間に期限がある。その制限時間は、特定の品目に入札したいと思っているすべての利用者に適用されるので、特定の利用者の誰か 1 人だけに制限時間の延長を認めると公平ではなくなる。そのため、制限時間はこの種のコンテンツには必須であり、この達成基準によって、制限時間の延長、調整、又は解除を要求されることはない。

  • オンラインチケット購入サイトでは、利用者が席を確保して購入内容を確認するのに 2 分間の制限時間が与えられている。そのようなサイトのチケットはすぐに売り切れてしまうため、それ以上チケットを確保しておくと、サイト本来の機能を発揮できない可能性がある。そのため、これは制限時間が必要不可欠で、利用者による行為を無効にすることなく時間延長することができない事例の一つである。しかし、そのサイトは、時間制約のある段階に入る前に、例えば氏名、支払方法などの必要な情報を利用者が提供できるようにするなどして、できる限り多くのプロセスを制約時間外で行えるようにしている。

  • チケット購入サイトは、利用者が選択した席の購入を確認するために 2 分間の制限時間を与えているが、時間切れが近づくと利用者に警告を出し、例えば、「時間を延長する」ボタンを押すなどの簡単な操作で、利用者がこの制限時間を何度か延長できるようにしている。

関連リソース

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

(今のところ、文書化されていない)

達成基準 2.2.1 の達成方法及び失敗例 - タイミング調整可能

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: セッションの制限時間がある場合:
  1. G133: 複数部分で構成されるフォームの最初のページに、利用者がセッションの制限時間を延長又は解除を要求できるチェックボックスを提供する

  2. G198: 利用者が制限時間を解除するための手段を提供する

状況 B: 制限時間がページ上のスクリプトで制御されている場合:
  1. G198: 利用者が制限時間を解除するための手段を提供する

  2. G180: 利用者がデフォルトの制限時間を 10 倍に設定できる手段を提供する

  3. SCR16: 制限時間が切れようとしていることを利用者に警告するスクリプトを提供する (Scripting) 及びSCR1: 利用者が初期設定の制限時間を延長できるようにする (Scripting)

  4. FLASH19: 利用者に制限時間が間もなく終了することを警告して、制限時間を延長する方法を提示するスクリプトを提供する (Flash)

  5. FLASH24: 利用者がデフォルトの制限時間を延長できるようにする (Flash)

  6. SL21: Replacing A Silverlight Timed Animation With a Nonanimated Element (Silverlight)

状況 C: コンテンツを読むのに制限時間がある場合:
  1. G4: コンテンツを一時停止させて、一時停止させたところから再開できるようにする

  2. G198: 利用者が制限時間を解除するための手段を提供する

  3. SCR33: コンテンツをスクロールし、かつそれを一時停止するメカニズムを提供するためにスクリプトを使用する (Scripting)

  4. SCR36: 静的なウィンドウ又は領域にある、動きのあるテキスト、スクロールするテキスト、又は自動更新されるテキストを利用者が表示できるメカニズムを提供する (Scripting)

2.2.1 でさらに対応が望まれる達成方法 (参考)

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

  • 制限時間がある場合、サーバーに問いかけるためにスクリプトを使用し、利用者に通知する。(リンク追加予定) (Scripting)

  • 利用者の注意を集中させるために音を使用する。(リンク追加予定)

重要な用語

必要不可欠 (essential)

もし取り除いてしまうと、コンテンツの情報あるいは機能を根本的に変えてしまい、かつ、適合する他の方法では情報及び機能を実現できない。


一時停止、停止、非表示:
達成基準 2.2.2 を理解する

2.2.2 一時停止、停止、非表示: 動きのある、点滅している、スクロールする、又は自動更新する情報は、次のすべての事項を満たしている: (レベル A)

  • 動き、点滅、スクロール: 動きのある、点滅している、又はスクロールしている情報が、(1) 自動的に開始し、(2) 5秒よりも長く継続し、かつ、(3) その他のコンテンツと並行して提示される場合、利用者がそれらを一時停止、停止、又は非表示にすることのできるメカニズムがある。ただし、その動き、点滅、又はスクロールが必要不可欠な動作の一部である場合は除く。

  • 自動更新: 自動更新する情報が、(1) 自動的に開始し、 (2) その他のコンテンツと並行して提示される場合、利用者がそれを一時停止、停止、もしくは非表示にする、又はその更新頻度を調整することのできるメカニズムがある。ただし、その自動更新が必要不可欠な動作の一部である場合は除く。

注記 1: 画面がちらつく、又は閃光を放つコンテンツに関する要件は、ガイドライン 2.3を参照。

注記 2: この達成基準を満たさないコンテンツでは、利用者がそのウェブページ全体を使用できない恐れがあるため、ウェブページ上のすべてのコンテンツは他の達成基準を満たすために用いられているか否かにかかわらず、この達成基準を満たさなければならない。適合要件 5: 非干渉を参照。

注記 3: 定期的にソフトウェアによって自動的に更新されるコンテンツ、又はユーザエージェントにストリーム配信されるコンテンツでは、コンテンツ再生の一時停止と再開の操作の間に生成、又は受信される情報を保持、又は提示する必要はない。これは技術的に不可能であることが考えられ、多くの状況において利用者の混乱を招くことにつながる可能性があるためである。

注記 4: コンテンツの読み込み中やそれに類似した状況の一部として表示されるアニメーションについては、この段階ですべての利用者に対していかなるインタラクションも発生する可能性がなく、かつコンテンツ読み込みの進行状況を表示しないことが利用者の混乱を招いたり、コンテンツが動作を停止した、又はコンテンツが破損しているという誤解を生じたりする可能性がある場合には、必要不可欠なものと考えることができる。

この達成基準の意図

この達成基準の意図は、利用者がウェブページとやりとりしている間、他の事に注意をそらされないようにすることである。

「動き、点滅、スクロール」は、目に見えるコンテンツが動きの感覚を伝えているコンテンツのことを指している。一般的な例は、動画、同期したメディアによる提示、アニメーション、リアルタイムのゲーム、スクロールする株価表示などがある。「自動更新」は、あらかじめ設定された間隔で更新したり、消えたりするコンテンツのことを指している。一般的な時間依存コンテンツは、音声、自動的に更新される天気情報、ニュース、株価更新、及び自動進行する提示やメッセージなどがある。動き、点滅、スクロールするコンテンツ及び自動更新するコンテンツに対する要件は、次のものを除いて同じである:

  • コンテンツが自動的に更新される際に、コンテンツ制作者が利用者に更新頻度を制御する手段を提供するという選択肢がある。

  • 5 秒間だけ自動更新をして,その後に停止するのはほとんど意味がないので、自動更新には 5 秒という例外はない。

    訳注: 原文では "three second" と記述されているが、達成基準に記載されている内容から「5 秒」が正しい値であると判断し、秒数を修正している。

動きのある又は自動更新するコンテンツは、動きのあるオブジェクトを追うのが困難な利用者だけでなく、動かないテキストをすばやく読み取ることが困難な利用者にも障壁になりうる。スクリーンリーダーにも問題が発生する可能性がある。

特定のグループ、具体的には注意欠陥障害をもつグループは、点滅しているコンテンツに気を取られ、ウェブページの他の部分に集中することが困難となる。5 秒は、利用者の注意を引くのに十分な長さであるが、ページを使用するために利用者が必要に応じて待つことができないほど長くはないために選択された。

一時停止したコンテンツは、リアルタイムで再開するか、利用者が一時停止したところから再生を続けるかのどちらかである。

  1. 一時停止した後、利用者が一時停止したところから再開することが、コンテンツを読むために一時停止したいと思う利用者にとっては最適であり、コンテンツがリアルタイムのイベント又は状態に関係のないときには最も良い方法である。

    注記: 読むための制限時間に関するその他の要件については、 達成基準 2.2.1 タイミング調整可能を理解する を参照のこと。

  2. 一時停止した後、(一時停止を解除した時に) 最新の表示へ移ることが、リアルタイム又は本来の「状態」にある情報にとってよりよいことである。例えば、気象レーダー、株価表示、交通情報カメラ、又はオークションのタイマーなどは、コンテンツ再開時に一時停止したことで古い情報が表示されると、誤った情報を提供してしまうことになる。

    注記: コンテンツを非表示にすることは、一時停止した後、(一時停止を解除した時に) 最新の表示へ移るのと同じ効果が得られる。

メカニズムが「利用者が一時停止するためのメカニズム」と判断されるためには、それが利用者に一時停止の手段として提供されつつも、利用者やフォーカスをそこに縛り付けてページが使用できなくなるようなものではない必要がある。ここでの「一時停止」という単語は「一時停止ボタン」という意味で使われているが、ボタンではないほかのメカニズムを使用することもできる。利用者がフォーカスしている時だけアニメーションが停止する(そしてフォーカスを解除し次第再開する)ようなものは、その過程でページが使い物にならなくするため「利用者が一時停止するためのメカニズム」とは判断されず、この達成基準も満たさないだろう。

「点滅」と「閃光」は、同じコンテンツを指すこともあることに注意することが重要である。

  • 「点滅」は、利用者の注意を散漫にさせる問題を引き起こすコンテンツを指している。点滅は、それを停止する (又は停止させることができる) 限り、短時間であれば許容することができる。

  • 「閃光」は、(1 秒間に 3 回よりも多く、大きさと明るさが十分な場合には) 光過敏性発作を引き起こす恐れのあるコンテンツを指している。これは、光過敏性発作を引き起こす恐れがあるため、たとえ 1 秒間だけであったとしても許容されない。光過敏性発作は利用者が止める前に引き起こす恐れがあるため、閃光を止めることも選択肢にはならない。

  • 通常、点滅は 1 秒間に 3 回以上の頻度では起こらないが、点滅を 1 秒間に 3 回以上の頻度で起こすこともできる。点滅が 1 秒間に 3 回以上の頻度で起こる場合には、それも閃光とみなされるであろう。

達成基準 2.2.2 の具体的なメリット

  • 5 秒後に点滅を停止するコンテンツを提供すること、又は利用者が点滅するコンテンツを停止できるメカニズムを提供することで、特定の障害のある利用者がウェブページを利用できるようになる。

  • 点滅するコンテンツの一つの使い方は、そのコンテンツへ利用者の注意を引くことである。これは画面を見ているすべての利用者に対して効果的な達成方法ではあるが、点滅が続くとある利用者に対しては問題を引き起こす恐れがある。読み書き能力の低い利用者、読字障害及び知的障害のある利用者、及び注意力欠如障害のある利用者などにとっては、点滅するコンテンツは残りのウェブページの利用を困難にしたり、ときには不可能にしてしまうことがある。

達成基準 2.2.2 の事例

  • 利用者の行動に影響を与えずに一時停止できる基本的なアニメーション

    あるウェブサイトは、プロセスを説明するアニメーションによって、利用者が「どのように機能するか」を理解するための手助けをしている。アニメーションには「一時停止」と「再開」のボタンがある。

  • 株式相場表示機

    株式相場表示機には、「一時停止」と「再開」のボタンがある。株式相場表示機を一時停止すると、現在表示している株価のところで一時停止する。再開すると、株式相場表示機は停止したところから再開するが、表示が遅れていることを示す注意書きが表示される。株式相場表示機の目的は、通常はリアルタイムの情報を提供することなので、株式相場表示機を最新の取引株価に進めるボタンもあるかもしれない。

  • 利用者がリアルタイムで競い合うのではなく、交代で行うように設計されたゲーム

    一つのグループが、ゲームの競争での形勢を無効にすることなく、ゲームを一時停止することができる。

  • ウェブ広告

    広告は、閲覧者の注意を引くために点滅するが、5 秒後に停止する。

  • フォームのプロンプト

    フォームは、利用者がフォームへの記入を終えたが送信ボタンを動作させない場合、送信ボタンの近くにある矢印が点滅する。その点滅は 5 秒後に停止する。

  • アニメーション

    アニメーションはページの上部で再生されるが、アニメーションの下側には「アニメーションを一時停止する」ボタンがある。

  • 「読み込み中」のアニメーション

    再生開始できるまでに大容量ファイルの何パーセントかがダウンロードされている必要があるページ上で、読み込み中であることを示すアニメーションが表示されている。ページ上のコンテンツはそのアニメーションだけで、映像を読み込んでいる間、利用者にしばらく待つ必要があることを知らせている。接続回線の遅い利用者に対してアニメーションが5秒以上再生されていたとしても、その動きのあるコンテンツは他のコンテンツと同時に表示されていないので、アニメーションを一時停止、停止、又は非表示にするメカニズムを提供する必要はない。

  • 全面広告

    サイトは、利用者がサイトで利用できる無料コンテンツにアクセスする前に、すべての利用者に 15 秒の広告を閲覧することを要求している。広告を閲覧することはすべての利用者に対する要求であり、他のコンテンツと同時に表示されていないので、広告を一時停止、停止、又は非表示にするメカニズムを提供する必要はない。

関連リソース

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

(今のところ、文書化されていない)

達成基準 2.2.2 の達成方法及び失敗例 - 一時停止、停止、非表示

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

達成基準を満たすことのできる達成方法

  1. G4: コンテンツを一時停止させて、一時停止させたところから再開できるようにする

  2. SL11: Pausing or Stopping A Decorative Silverlight Animation (Silverlight)

  3. SL12: Pausing, Stopping, or Playing Media in Silverlight MediaElements (Silverlight)

  4. SCR33: コンテンツをスクロールし、かつそれを一時停止するメカニズムを提供するためにスクリプトを使用する (Scripting)

  5. FLASH35: Flash コンテンツをスクロールさせて、それを停止させるメカニズムを提供するために、スクリプトを使用する (Flash)

  6. G11: 5 秒未満で点滅するコンテンツを制作する

  7. G187: ユーザエージェントによって点滅するコンテンツを停止できるウェブコンテンツ技術を使用する

  8. G152: (5 秒以内の) 数回のループ後に点滅を停止するように、アニメーション GIF を設定する

  9. SCR22: 点滅を制御し、5 秒以内に停止させるために、スクリプトを使用する (Scripting)

  10. FLASH36: 点滅を制御し、5 秒以内に点滅を停止させるために、スクリプトを使用する (Flash)

  11. G186: 動きのあるコンテンツ、点滅するコンテンツ、又は自動更新するコンテンツを停止させるコントロールを使用する

  12. G191: 点滅するコンテンツのないページを再読み込みするリンク、ボタン、又はその他のメカニズムを提供する

  13. SL24: Using AutoPlay to Keep Silverlight Media from Playing Automatically (Silverlight)

2.2.2 でさらに対応が望まれる達成方法 (参考)

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

  • ウェブページ内で点滅するすべてのコンテンツを止めるメカニズムを提供する (リンク追加予定)

  • 5秒以内に自動的に止まるとしても、利用者が動きのあるコンテンツを止めるための手段を提供する。(リンク追加予定)

重要な用語

一時停止 (paused)

利用者の要求により停止し、利用者の要求があるまで再開しない。

必要不可欠 (essential)

もし取り除いてしまうと、コンテンツの情報あるいは機能を根本的に変えてしまい、かつ、適合する他の方法では情報及び機能を実現できない。

点滅 (blinking)

注意を引く意図で、二つの視覚的な状態を交互に切り替えること。

注記: 閃光も参照。ある程度の面積をもち、ある程度の明るさ、特定の頻度で点滅するものは、閃光に分類されることもありうる。


タイミング非依存:
達成基準 2.2.3 を理解する

2.2.3 タイミング非依存: タイミングは、コンテンツによって提示されるイベント又は動作の必要不可欠な部分ではない。ただし、インタラクティブではない同期したメディア及び リアルタイムのイベントは除く。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、制限時間のあるインタラクションを要求するコンテンツの提供を最小限にすることである。それにより、全盲、ロービジョン、認知能力の低下、又は運動障害のある利用者が、コンテンツを利用できるようになる。この達成基準は、唯一の例外がリアルタイムのイベントであるという点で、達成基準レベル A とは異なる。

注記: 手話のような映像しか含まないコンテンツはガイドライン 1.1 で取り上げられている。

達成基準 2.2.3 の具体的なメリット

  • 身体障害のある利用者は、反応したり、入力したり、タスクを完了したりするのに、より長い時間を要することが多い。ロービジョンの利用者は、画面上で何かを探したり、読んだりするのに時間がかかる。全盲でスクリーンリーダーを使用している利用者は、画面のレイアウトを理解したり、情報を見つけたり、そしてコントロールを操作したりするのに時間がかかるかもしれない。認知能力の低下、又は言語の障害のある利用者は、読んだり、理解したりするのに時間がかかる。ろう者で手話によるコミュニケーションしている利用者は、(彼らにとっては第二言語のようなものかもしれない)テキストで書かれた情報を読むのに時間がかかるかもしれない。

  • 手話通訳者が、聴覚障害の利用者に音声コンテンツを通訳しているような状況でも、制限時間を制御できることは重要である。

達成基準 2.2.3 の事例

  • 試験を完了する時間が採点に影響しないように設計された試験

    制限時間を用いてオンライン試験の結果を評価するのではなく、制限時間がないときの点数をもとに試験の結果を評価している。

  • 利用者がリアルタイムで競い合うのではなく、交代で行うように設計されたゲーム

    一つのグループが、ゲームの競争時の形勢を無効にすることなく、ゲームを一時停止することができる。

関連リソース

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

(今のところ、文書化されていない)

達成基準 2.2.3 の達成方法及び失敗例 - タイミング非依存

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

達成基準を満たすことのできる達成方法

  1. G5: 利用者が制限時間なしで操作を完了できるようにする

2.2.3 でさらに対応が望まれる達成方法 (参考)

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

(まだ文書化されていない)

達成基準 2.2.3 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.2.3 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

リアルタイムのイベント (real-time event)

a) 閲覧と同時に発生し、b) コンテンツによる生成だけでは完結しないイベント。

事例 1: ライブパフォーマンスのウェブ放送 (閲覧と同時に発生していて、収録済ではない)。

事例 2: 人々が入札するオンラインのオークション (閲覧と同時に発生している)。

事例 3: アバターを用いたバーチャルな世界での、生身の人間のやりとり (コンテンツによる生成だけで完結するものではなく、閲覧と同時に発生する)。

同期したメディア (synchronized media)

情報を提示するために、他のフォーマットと同期した音声もしくは映像、又は時間に依存するインタラクティブな構成要素と同期した音声又は映像。ただし、そのメディアが メディアによるテキストの代替であって、メディアによる代替であることが明確にラベル付けされているものは除く。

必要不可欠 (essential)

もし取り除いてしまうと、コンテンツの情報あるいは機能を根本的に変えてしまい、かつ、適合する他の方法では情報及び機能を実現できない。


割り込み:
達成基準 2.2.4 を理解する

2.2.4 割り込み: 割り込みは、利用者が延期、又は抑制することができる。ただし、緊急を要する割り込みは除く。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、緊急を要する場合を除いて、利用者がコンテンツ制作者/サーバーからの更新を止めることができるようにすることである。緊急には、市民向け緊急警報メッセージや、健康、安全、財産の危険を警告するメッセージ (データの損失や接続の切断など) が含まれる。

これにより、認知能力の低下、又は注意力欠如のある利用者は、コンテンツに集中することができるようになる。全盲又はロービジョンの利用者も、現在読んでいるコンテンツに神経を集中し続けられるようになる。

達成基準 2.2.4 の具体的なメリット

  • 注意欠陥障害のある人が、注意散漫にならずにコンテンツに集中できるようになる。

  • ロービジョンの利用者又はスクリーンリーダーを使用している利用者が閲覧している間、コンテンツが更新されない。(ある話題で読み始めていて別の話題で終了すると、不連続や誤解を招く可能性がある。)

達成基準 2.2.4 の事例

  • 事例 1. 利用者設定

    ウェブポータルの設定ページには、現在のセッションが終了するまですべての更新及び警告を延長する選択肢 (ただし緊急時の警告を除く) がある。

関連リソース

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

(今のところ、文書化されていない)

達成基準 2.2.4 の達成方法及び失敗例 - 割り込み

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

2.2.4 でさらに対応が望まれる達成方法 (参考)

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

(まだ文書化されていない)

重要な用語

緊急 (emergency)

健康、安全や財産を守るために直ちに行動をとる必要のある、突然で予期されなかった状況あるいは出来事。


再認証:
達成基準 2.2.5 を理解する

2.2.5 再認証: 認証済のセッションが切れた場合は、再認証後でもデータを失うことなく利用者が操作を継続できる。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、処理を完了する途中で利用者をログアウトさせてしまう要因 (何の作業もしていない時の制限時間又はその他の状況) をはらむ、認証済の処理を、すべての利用者が完了できるようにすることである。

セキュリティ上の理由により、多くのサイトが、何の作業もせずに一定時間が経過した後の認証の制限時間を設定している。障害のある利用者は作業を完了させるのにより長く時間がかかるので、制限時間は問題を引き起こすかもしれない。

その他のサイトでは、利用者が他のコンピュータからそのウェブサイトにログインするか、その利用者がもともとログインした利用者と本当に同じかどうかに疑問を抱くようなその他の行為があった場合には、利用者を認証済のセッションからログアウトさせるだろう。処理中であったとしても利用者がログアウトさせられる際には、再認証を受けることができ、すでに入力済のデータを失うことなくその処理を継続できるようにすることが重要である。

達成基準 2.2.5 の具体的なメリット

  • この達成基準は、作業を完了するのに時間の延長を必要とする利用者の役に立つ。認知能力の低下している利用者は、ゆっくり読むので、アンケートを読んで回答するのに時間の延長を必要とすることがある。スクリーンリーダーを使用している利用者は、複雑なフォームを操作して完了させるのに時間の延長を必要とするかもしれない。運動障害のある利用者又は代替入力デバイスで操作する利用者は、フォーム内を操作して入力を完了させるのに、やはり時間の延長を必要とすることがある。

  • 手話通訳者がろう者に音声コンテンツを通訳しているような状況では、制限時間を調整できることも重要である。

達成基準 2.2.5 の事例

  • ショッピングサイトの支払手続

    手をほとんど使うことのできない利用者が、ショッピングサイトにログインしている。アプリケーションにクレジットカード情報を入力するのに時間がとてもかかるので、利用者が支払手続をしている間に制限時間が切れる。利用者が支払手続に戻ってフォームを送信するとき、サイトは再認証するためのログイン画面を表示する。利用者がログインした後、支払手続は同じ段階の同じ情報に復元される。セッションが時間切れになってもサーバーが一時的に送信を受け付けて保存してくれていたので、利用者はデータを失わずに済み、再認証が完了した後も同じ状態に戻されたのである。

  • 電子メールプログラムでの認証

    電子メールプログラムは、30 分後に認証が時間切れになる。そのプログラムは、時間切れの数分前に利用者にプロンプトを表示し、再認証するために新しいウィンドウを開くリンクを提供する。作成中のメールがあった元のウィンドウはそのままで、再認証後に、利用者はそのデータを送信することができる。

  • 制限時間のあるアンケート

    1 ページのウェブページで提供されている長いアンケートは、ページの冒頭に、15 分経過後にセッションが時間切れになることを知らせる情報がある。アンケートはどの時点でも保存することが可能で、後から完了させることも可能であることも、利用者には知らされている。そのウェブページには、部分的に記入が終わったフォームを保存するためのいくつかのボタンがある。さらに、アクセシビリティ サポーテッドなウェブコンテンツ技術の一覧にある信頼されている JavaScript によって、セッションが時間切れに近づいたらポップアップで通知されるように利用者が選択できる。

関連リソース

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

(今のところ、文書化されていない)

達成基準 2.2.5 の達成方法及び失敗例 - 再認証

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

達成基準を満たすことのできる達成方法

  1. 次の実装技術の一つを使用することでデータを損うことなく継続することができる選択肢を提供する:

注記: 制限時間について通知を提供することに関連した達成方法のための達成基準 2.2.1 の取組みのための達成方法を参照のこと。

2.2.5 でさらに対応が望まれる達成方法 (参考)

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

(まだ文書化されていない)

達成基準 2.2.5 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.2.5 の失敗例とみなした、よくある間違いである。


発作の防止:
ガイドライン 2.3 を理解する

ガイドライン 2.3: 発作を引き起こすようなコンテンツを設計しないこと。

ガイドライン 2.3 の意図

発作性障害のある利用者は、閃光を放つ視覚的なコンテンツによって発作を引き起こすことがある。ほとんどの利用者は、発作が起こすまでは自分がこの疾患を持っていることに気づかない。1997 年に、日本でテレビのアニメ番組が 700 人以上の子どもたちを病院に搬送させる事態を招き、そのうち約 500 人が発作を引き起こした。特に、警告を実際に読むことができない子どもの利用者に警告はよく見逃されるので、その警告はあまり効果がない。

このガイドラインの目的は、WCAG 2.0 に適合しているとされるコンテンツが、1 ~ 2 秒間であっても発作を引き起こす可能性が最も高い閃光の種類を避けることである。

ガイドライン 2.3 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • コンテンツは空間分布の閾値を超えないことを保証する (リンク追加予定)

3 回の閃光、又は閾値以下:
達成基準 2.3.1 を理解する

2.3.1 3 回の閃光、又は閾値以下: ウェブページには、どの 1 秒間においても3回を超える閃光を放つものがない、又は閃光が一般閃光閾値及び赤色閃光閾値を下回っている。 (レベル A)

注記: この達成基準を満たさないコンテンツでは、利用者がそのウェブページ全体を使用できない恐れがあるため、ウェブページ上のすべてのコンテンツは他の達成基準を満たすために用いられているか否かにかかわらず、この達成基準を満たさなければならない。適合要件 5: 非干渉を参照。

この達成基準の意図

この達成基準の意図は、利用者が光感受性による発作を引き起こすことなく、サイト上のすべてのコンテンツを利用できるようにすることである。

光感受性による発作性障害のある人は、特定の周波数で数回以上の閃光を放つコンテンツによって発作を引き起こす恐れがある。人間は他の色よりも赤色の閃光に対してさらに敏感であるため、彩度の高い赤色の閃光に対して特別な試験方法が提供されている。このガイドラインは、コンピュータの画面にも適合するような、放送業界向けのガイドラインに基づいている。そこでは、コンテンツがより近い距離で (より大きな視角を用いて) 閲覧される。

閃光は、ディスプレイ、画像をレンダリングするコンピュータ、又はレンダリングされたコンテンツによって、発生する可能性がある。コンテンツ制作者には、最初の二つを制御することはできない。それらは、ディスプレイ及びコンピュータの設計及び速度によって対処される。この達成基準の意図は、コンテンツ自体が閃光閾値に違反する明滅を引き起こさないようにすることである。例えば、コンテンツは、ストロボの閃光を放つ、又は立て続けに起こる爆発をクローズアップした、動画又はアニメーション画像が含まれているかもしれない。

この達成基準は、広い周波数帯域 (3~50 ヘルツ) 内のあらゆる閃光 (1 ピクセルでさえも) を許容しなかった、はるかに厳格な WCAG 1.0 の基準を置き換えるものである。この達成基準は、英国及び諸国でテレビ放送向けに用いられている既存の仕様に基づいており、コンピュータのディスプレイの表示にも適応している。1024 x 768 ピクセルの画面を評価の基準となる画面解像度として用いている。341 x 256 ピクセルの矩形が、典型的な視距離で視野角 10 度のビューポートに相当する (10 度の視野角は、原仕様から取り出した数字で、人間が光の刺激に対して最も敏感である、眼の中心視野に相当する)。

同時に、かつ隣接して存在する閃光を組み合わせた領域は、実質的には同時に閃光を放っている全領域を意味する。その領域は、任意の視角 10 度以内で同時に閃光を放っている隣接した領域を合計して算出される。

注記: 「点滅」と「閃光」は、同じコンテンツを指すこともある。

  • 「点滅」は、利用者の注意を散漫にさせる問題を引き起こすコンテンツを指す。点滅は、その点滅が停止する (又は停止させることができる) 限り、短時間であれば許容できる。

  • 「閃光」は、(1 秒間に 3 回よりも多く、大きさ及び明るさが十分な場合に) 光感受性発作を引き起こす恐れのあるコンテンツを指す。これは、たとえ 1 秒間だけであったとしても許容されず、さもなければ光感受性発作を引き起こす恐れがある。そして、光感受性発作は利用者が閃光を停止するよりも速く発生する恐れがあるため、閃光を停止させることも選択肢にはならない。

  • 通常、点滅は 1 秒間に 3 回以上の速度で起こらないが、その可能性はある。点滅が 1 秒間に 3 回を超える速さで起こる場合、これはまた閃光とみなされるであろう。

達成基準 2.3.1 の具体的なメリット

  • 閃光を放つコンテンツを閲覧しているときに発作を起こす可能性のある利用者は、発作を起こすことなく、そしてテキストによる代替では限定されてしまうようなコンテンツの完全な体験を逃すことなく、サイト上のすべてのコンテンツを閲覧することが可能になる。これは、その他の光感受性による発作性障害のある利用者と同様に、光感受性てんかんのある利用者も含まれる。

達成基準 2.3.1 の事例

  • ウェブサイトには、閃光を放つ機関銃の銃火の映像があるが、閃光を発する画像のサイズは閃光閾値のサイズを下回る画面のほんの一部に限定している。

  • とても明るい稲妻の閃光のシーンのある映画は、稲妻が任意の 1 秒間に 3 回だけ閃光を放つように編集されている。

達成基準 2.3.1 の達成方法及び失敗例 - 3 回の閃光、又は閾値以下

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

2.3.1 でさらに対応が望まれる達成方法 (参考)

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

  • 閃光を放つあらゆるコンテンツに対してコントラストを下げる (リンク追加予定)

  • 閃光を放つあらゆるコンテンツに対して赤色閃光閾値を完全に避ける (リンク追加予定)

  • 閾値を超えていなかったとしても、閃光の数を減少させる (リンク追加予定)

  • 閃光を放ち始める前に、閃光を放つあらゆるコンテンツを抑制するメカニズムを提供する (リンク追加予定)

  • (フラッシュバルブのような) 素早い閃光を避けるためにライブの素材は速度を落とす (リンク追加予定)

  • 1 秒間に 3 回の閃光が検出される場合、一時的に画像を静止させる (リンク追加予定)

  • 1 秒間に 3 回の閃光が検出される場合、コントラスト比を落とす (リンク追加予定)

  • 利用者が閃光の速度制限を任意に設定できるようにする (リンク追加予定)

達成基準 2.3.1 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.3.1 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

一般閃光閾値及び赤色閃光閾値 (general flash and red flash thresholds)

次のいずれかに該当していれば、連続した閃光、又は急速に変化する画像の連続は、閾値を下回っている (すなわち、コンテンツは基準を満たしている) ことになる:

  1. あらゆる1秒間において、 一般閃光及び/又は赤色閃光 は3回以下である。もしくは、

  2. 一般的な閲覧距離で、同時に生じている閃光が占める領域の合計が、画面上のどの視野 10 度においても、合計 0.006 ステラジアン (画面上の視野 10 度の 25%) よりも多くを占めていない。

ここで:

  • 一般閃光とは、暗いほうの相対輝度が 0.80 未満であるときの、最大相対輝度の 10% 以上の相対輝度の交互の変化のことである。ここでいう「交互の変化」とは、増加した後に減少する、又は減少した後に増加するものを指す。そして、

  • 赤色閃光とは、彩度の高い赤色を含んだ交互の遷移のことである。

例外: ホワイトノイズ又は1辺が (典型的な閲覧距離における視野の) 0.1 度未満の市松模様のように、細かくて整っている模様の閃光は、閾値を超えることにはならない。

注記 1: 一般的なソフトウェアやウェブコンテンツでは、コンテンツを 1024 × 768 ピクセルの解像度で閲覧している際の画面上での 341 × 256 ピクセルの矩形が、標準的な画面サイズ及び画面からの距離 (例: 22~26インチの距離で、15~17インチの画面) における視野角 10 度に該当する (同じコンテンツでも高解像度のディスプレイでは小さく安全になるので、閾値を定めるには低解像度が用いられている)。

注記 2: 遷移とは、相対輝度 (赤色閃光の相対輝度/色) の計測値を時間軸でプロットしたときの隣接する山と谷の間における相対輝度 (赤色閃光の相対輝度/色) の変化である。閃光は、ひと組の逆方向の遷移から成る。

注記 3: 彩度の高い赤色を含む相反する遷移の組合せ」の現時点での定義は、各遷移に含まれる状態の一方又は双方とも、R / (R+G+B) >= 0.8 で、(R-G-B) × 320 の値の変化が双方の遷移において 20 より大きい (ただし、(R-G-B) × 320 が負の値になるときはゼロとする)。R、G、B の値は、相対輝度 の定義で定められているように 0~1 の範囲である。[HARDING-BINNIE]

注記 4: ビデオの画面キャプチャから分析を行うツールを利用できる。しかし、閃光があらゆる1秒間の間隔において3回以下であれば、ツールでこの条件を満たしているかどうかを確認する必要はない。コンテンツは自動的に条件を満たしたことになるからである (上記 1. 及び 2. を参照)。

閃光 (flash)

相対輝度の交互の変化で、ある程度の面積と特定の頻度によって、一部の人の発作を誘発する恐れがあるもの。

注記 1: 許容されない閃光の種類に関する情報は、一般閃光閾値及び赤色閃光閾値を参照。

注記 2: 点滅も参照。


3 回の閃光:
達成基準 2.3.2 を理解する

2.3.2 3 回の閃光: ウェブページには、どの 1 秒間においても 3 回を超える閃光を放つものがない。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、発作を引き起こす可能性をさらに引き下げることである。とても過敏な利用者もいるため、発作の可能性を完全に取り除くことはできない。しかし、画面のあらゆる領域にわたって 1 秒間に 3 回閃光を放つものをすべて取り除くことにより、利用者が発作を起こす可能性は、達成基準 2.3.1 でそうしているように、単に今日の国際的な標準規格で通常用いられている基準を満たしているときよりも、さらに引き下げられる。

達成基準 2.3.1 では、十分に薄暗い又は領域が十分に小さい閃光を許容しているが、達成基準 2.3.2 は、その明るさ又はサイズに関係なく、1 秒間に 3 回よりも多く閃光を放つことを認めていない。結果として、1 ピクセルの閃光であっても、この達成基準には反することになる。その意図は、1 ピクセルよりも大きい閃光を防ぐことにあるが、コンテンツ制作者が知る術のない画面拡大又はハイコントラストの設定が適用されているかもしれないため、あらゆる閃光を禁じているのである。

注記: 場合によっては、WCAG ワーキンググループが「点滅」と称しているものと「閃光」と称しているものが、わずかに重なり合うことがあるかもしれない。この二つに対して異なる用語を用いているのは、「点滅」は利用者を注意散漫にさせる問題を引き起こすが、停止する (又は停止させることが可能である) 限り、短い間であれば許容できるのに対して、「閃光」は発作を引き起こすものであり、許容できないものだからである。発作は、ほとんどの利用者が閃光をオフにすることができるのよりも早く起こるものである。そのため、「点滅」はゆっくりと繰り返す変化で、利用者が気を取られるものを指している。そして、「閃光」は十分に明るい又は十分に長く持続すると発作を引き起こす恐れのある変化を指している。通常、点滅は 1 秒間に 3 回以上の速度にはならないし、点滅と閃光が部分的に一致することもまずない。しかし、点滅が 1 秒間に 3 回以上の速度の場合には、部分的に一致することもありえる。点滅に関するより詳細な情報は、 達成基準 2.2.2 一時停止、停止、非表示を理解するを参照のこと。

達成基準 2.3.2 の具体的なメリット

  • 閃光を放つコンテンツを閲覧している際に発作を起こす可能性のある利用者が、発作を起こすことなく、そしてテキストによる代替では限定されてしまうようなコンテンツの完全な体験を逃すことなく、サイト上のすべてのコンテンツを閲覧することが可能になる。これには、光感受性てんかん及び光感受性による発作性障害のある利用者も含まれる。

達成基準 2.3.2 の事例

  • 非常に明るい稲妻の閃光のシーンがある映画は、稲妻が任意の 1 秒間に 3 回しか閃光を放たないように編集されている。

達成基準 2.3.2 の達成方法及び失敗例 - 3 回の閃光

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

2.3.2 でさらに対応が望まれる達成方法 (参考)

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

  • 閃光を放つあらゆるコンテンツに対してコントラストを下げる (リンク追加予定)

  • 閃光を放つあらゆるコンテンツに対して赤色閃光閾値を完全に避ける (リンク追加予定)

  • 閾値を超えていなかったとしても、閃光の数を減少させる (リンク追加予定)

  • (フラッシュバルブのような) 素早い閃光を避けるためにライブの素材は速度を落とす (リンク追加予定)

  • 1 秒間に 3 回の閃光が検出される場合、一時的に画像を静止させる (リンク追加予定)

  • 1 秒間に 3 回の閃光が検出される場合、コントラスト比を落とす (リンク追加予定)

達成基準 2.3.2 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.3.2 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

閃光 (flash)

相対輝度の交互の変化で、ある程度の面積と特定の頻度によって、一部の人の発作を誘発する恐れがあるもの。

注記 1: 許容されない閃光の種類に関する情報は、一般閃光閾値及び赤色閃光閾値を参照。

注記 2: 点滅も参照。


ナビゲーション可能:
ガイドライン 2.4 を理解する

ガイドライン 2.4: 利用者がナビゲートしたり、コンテンツを探し出したり、現在位置を確認したりすることを手助けする手段を提供すること。

ガイドライン 2.4 の意図

このガイドラインの目的は、利用者が必要とするコンテンツを見つけるのを助け、自分の現在位置を把握できるようにすることである。このタスクは、多くの場合障害のある人にとってはより困難である。検索、ナビゲーション及び位置確認のために、利用者が現在位置を知ることができることが重要である。ナビゲーションのために、考えられる行き先に関する情報が利用可能になっている必要がある。スクリーンリーダーは、コンテンツを合成音声に変換する。合成音声は音声であるため、線形順序で提示されなければならない。このガイドラインの達成基準では、スクリーンリーダーの利用者がコンテンツをうまくナビゲートできるようにするために、どの条項に対応する必要があるのかを説明しているものがある。他のものは、利用者がナビゲーションバー及びページの見出しをより容易に認識できるようにし、この繰り返されるコンテンツをスキップできるようにする。 見慣れないユーザインタフェースの機能又はふるまいは、認知障害のある人を混乱させることがある。

Motive Web Design Glossary で説明されているように、ナビゲーションには、主に二つの機能がある:

  • 利用者に自分がどこにいるのかを知らせる

  • 利用者が他のどこかへ行けるようにする

訳注: 上記リンク Motive Web Design Glossary は 404 Not Found であるが、これは原文ママである。Internet Archive での該当ページを閲覧できる。

このガイドラインは、ガイドライン 1.3 と密接に連動しており、コンテンツのあらゆる構造を理解することを保証し、同様にナビゲーションの鍵となる。見出しは、利用者がコンテンツ内での自分の現在位置を確認して、ナビゲートしていく上で、特に重要なメカニズムである。支援技術の利用者の多くは、情報を流し読みするために適切な見出しを頼りにし、コンテンツの様々なセクションを容易に見つける。見出しに関して、達成基準 1.3.1 に適合することは、同時にガイドライン 2.4 にも部分的に対処していることになる。

ガイドライン 2.4 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • 1 ページあたりのリンクの数を限定する (リンク追加予定)

  • ウェブページのコンテンツの異なるセクションにナビゲートするメカニズムを提供する (リンク追加予定)

  • 視覚的に異なるリンクを用いる (リンク追加予定)

  • 検索ワードをハイライト表示する (リンク追加予定)

ブロックスキップ:
達成基準 2.4.1 を理解する

2.4.1 ブロックスキップ: 複数のウェブページ上で繰り返されているコンテンツのブロックをスキップするメカニズムが利用できる。 (レベル A)

この達成基準の意図は、コンテンツを通して順を追ってナビゲートする人に対して、ウェブページの主たるコンテンツへより直接的なアクセスをできるようにすることである。ウェブページ及びウェブアプリケーションには、他のページ又は画面でも現れるコンテンツがしばしばある。コンテンツの中で繰り返されているブロックの例には、ナビゲーションリンク、見出しのグラフィック、及び広告のフレームなどを含むが、これに限定されるものではない。個々の単語、フレーズ、又は単独のリンクなどの小さな繰り返されるセクションは、この達成基準が意図するブロックとはみなされない。

これは、目の見える利用者が画面の中央 (通常はメインコンテンツが現れるところ) に注目して繰り返される要素を無視したり、マウスクリック 1 回でリンクを選択したりすることによって、選択したい要素より前にあるリンクもしくはフォームコントロール全てに出会わずに済ませる能力があることとは、対照的なものである。

この達成基準の意図は、コンテンツ制作者にユーザエージェントが提供している機能と重複する手段を提供するように求めることではない。ほとんどのウェブブラウザは、利用者がフォーカスをページの先頭に移動するためのキーボードショートカットを提供しているので、ナビゲーションリンク一式をウェブページの下部で提供している場合は、「スキップ」リンクの提供は不要かもしれない。

注記: この達成基準は、複数のページ上で繰り返されているコンテンツのブロックを扱っているが、単独のページにおいて、達成基準 1.3.1 にあるように、構造をマークアップすることも強く推奨する。

この達成基準では、「ウェブページ一式において」という用語は使用していないものの、ひとつのまとまりに属するページの考え方が示唆される。相互になんらかの関係がない二つのページにおいて、コンテンツの重複を避けることが期待されるということはないだろう。なぜなら、これらは「共通の目的を共有し、同じコンテンツ制作者、グループ、又は組織により制作されたウェブページの集合」(ウェブページ一式の定義) ではないからである。

注記: たとえひとつのまとまりに属さないウェブページであっても、ウェブページがページ内で繰り返されるテキストのブロックを持つ場合、そのブロックをスキップするための手段を提供することは (必須ではないが) 有用かもしれない。

  • この達成基準を満たしていない場合、何らかの障害のある利用者がウェブページのメインコンテンツへ素早くかつ容易に到達するのが困難になることがある。

  • 同じサイト上でいくつかのページを訪れるスクリーンリーダーの利用者は、メインコンテンツが読み上げられる前に、ページごとのすべての見出しのグラフィック及び多数のナビゲーションリンクを聞かざるを得ない状態を回避できる。

  • キーボード又はキーボードインタフェースのみを使用している人が、より少ないキーストロークでコンテンツに到達できる。そうでなければ、メインコンテンツ領域にあるリンクに到達する前に多数のキーストロークが必要になってしまうかもしれない。これは長い時間がかかってしまう恐れがあり、利用者にとって深刻な肉体的苦痛を引き起こすことがある。

  • 画面拡大ソフトを使用している人は、新しいページに入るたびに、コンテンツが始まる場所を見つけるために、同じ見出し又はその他の情報のブロックの中を探す必要がない。

  • リンクがリストとしてグループ化されていると、認知障害のある人にも、スクリーンリーダーを使用している人にも役立つことがある。

  • 報道機関のホームページには、ページの中央にメインの記事があり、周囲を広告、検索、その他のサービス向けの多数のブロック及びサイドバーに囲まれている。ページの先頭に、そのメインの記事へジャンプするリンクがある。このリンクを使用しない場合、キーボードの利用者は、メインの記事へ到達するまでに約 40 のリンクを Tab キーで処理する必要がある。スクリーンリーダーの利用者は、200 単語を聞く必要がある。そして、画面拡大ソフトの利用者は、メインの記事の場所を探し回らなければならなくなる。

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

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

  1. 次の達成方法の中から一つを用いて、繰り返されるブロックをスキップするリンクを作成する:

  2. 次の達成方法の中から一つを用いて、スキップ可能な方法で繰り返されるブロックをグループ化する:

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

  • 重要なリンク及びフォーム制御へのキーボードアクセスを提供する(リンク追加予定)

  • ページナビゲーションに拡張したスキップリンクを提供する(リンク追加予定)

  • アクセスキーを提供する(リンク追加予定)

  • ユーザエージェント及び支援技術による構造化されたナビゲーションを与えるアクセシビリティ サポート技術を使う(リンク追加予定)

  • C6: 構造を示すマークアップに基づいてコンテンツを配置する (CSS)

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.1 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。


ページタイトル:
達成基準 2.4.2 を理解する

2.4.2 ページタイトル: ウェブページには、主題又は目的を説明したタイトルがある。 (レベル A)

この達成基準の意図は、各ウェブページにその内容を示すページタイトルを付けることによって、利用者がコンテンツを見つけやすく、自分の現在位置を確認しやすくすることである。タイトルは、ページのコンテンツを読んだり解釈したりすることを利用者に要求することなしに、現在位置を特定する。タイトルがサイトマップ又は検索結果のリストに表示されたときに、利用者は自分の求めているコンテンツをより素早く確認できるようになる。ユーザエージェントは、利用者がそのページを確認できるように、ページのタイトルを容易に見つけられるようにする。例えば、ユーザエージェントは、そのページタイトルをウィンドウのタイトルバーに表示するか、又はそのページを表示しているタブの名前として表示する。

ページが文書又はウェブアプリケーションの場合、文書又はウェブアプリケーションの名称はページの目的を説明するのに十分だろう。ここで注意すべきなのは、文書又はウェブアプリケーションの名称を使用することを求められていないことである。他の要素によってページの目的又は主題が説明される場合もあるだろう。

達成基準 2.4.4 及び 2.4.9 はリンクの目的を取り扱い、その多くはウェブページへのリンクである。ここでも、リンクされた文書又はウェブアプリケーションの名称がリンクの目的を説明するのに十分だろう。リンクとタイトルが一致する、又は非常に類似したものであることはよい習慣であり、「クリックされた」リンクと利用者が到達するウェブページとの間に連続性を与える。

  • この達成基準は、そのウェブページにある情報が自分のニーズに関係があるかどうかを、すべての利用者が素早くかつ容易に確認できるようにする。

  • 視覚障害のある利用者が、複数のページが開いているとき、コンテンツを区別できるようになる。

  • 認知の障害、短期記憶障害、及び読字障害のある利用者も、そのページタイトルでコンテンツを確認できるようになる。

  • この達成基準は、重度の運動障害があり、ウェブページ間を行き来するとき操作モードを音声に依存する利用者にも役立つ。

  • HTML のウェブページ

    HTML で制作したウェブページの内容を示したタイトルが、ユーザエージェントのタイトルバーに表示されるように、title 要素でマークアップされている。

  • 文書

    訳注: 以下、英文原文例をそのまま日本語にした。英文では 2005 年の WCAG ドラフト (英語) が参考にされた模様。

    WCAG 2.0 解説書のページタイトルが、「ウェブコンテンツ アクセシビリティ ガイドライン 2.0」となっている。

    • 主要なページのページタイトルが、「ガイドライン X を理解する」や「達成基準 X を理解する」となっている。

    • ドキュメントのページタイトルが、「WCAG 2.0 ガイドライン」となっている。

    • 附録 A のページタイトルが、「用語集」となっている。

    • 附録 B のページタイトルが、「謝辞」となっている。

    • 附録 C のページタイトルが、「参考文献」となっている。

  • ウェブアプリケーション

    あるインターネット銀行のアプリケーションは、利用者が自分の銀行口座をチェックしたり、過去の明細を確認したり、振込をしたりすることができる。そのウェブアプリケーションは、例えば、「ジョン スミスさんの口座: XYZ 銀行」、「口座番号 1234-5678 の取引明細 - 2005 年 12 月: XYZ 銀行」のように、ウェブページごとにページタイトルを動的に生成している。

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

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

  1. G88: ウェブページに説明的なタイトルを提供するかつ、後述のテクニックの一つを使ってウェブページにタイトルを結びつける:

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

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.2 の失敗例とみなした、よくある間違いである。

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。


フォーカス順序:
達成基準 2.4.3 を理解する

2.4.3 フォーカス順序: ウェブページ順を追ってナビゲートできて、そのナビゲーション順が意味又は操作に影響を及ぼす場合、フォーカス可能なコンポーネントは、意味及び操作性を損なわない順序でフォーカスを受け取る。 (レベル A)

この達成基準の意図は、利用者がコンテンツ内を一つずつ順を追いながら行き来している際に、キーボードにより操作可能な順序でコンテンツの意味に添って、情報と出会うようにすることである。このことにより、利用者のコンテンツに対するメンタルモデルを一貫したものとし、利用者が困惑する可能性を引き下げる。コンテンツの論理的な関係性を反映した異なる順序になることもある。例えば、テーブルのある行又は列にある構成要素内を一度に移動する際には、行を移動する際も列を移動する際もコンテンツにおける関係性を反映した順序になる。どちらの順序もこの達成基準を満たすことができる 。

ウェブコンテンツでのナビゲーションの順番が決まる方法は、コンテンツで用いるウェブコンテンツ技術によって定義されている。例えば、シンプルな HTML は、タブ移動順序によってナビゲーション順序を定義している。動的な HTML では、フォーカスを他の要素にも割り当てることができるように tabindex 属性を付加して、スクリプトを用いてナビゲーション順序を修正することができる。スクリプトも、tabindex 属性も使用していない場合、ナビゲーション順序は、コンポーネントがコンテンツの流れの中で表れる順序になる (HTML 4.01 仕様書の 17.11 "Giving focus to an element" を参照のこと)。

訳注: HTML 4.01 は Superseded Recommendation としてマークされ、廃止された仕様である。上記は、HTML 5.2§5.4.3. The tabindex attribute を代わりに参照できる。

この達成基準で対処しているナビゲーション順序ではない、キーボードナビゲーションの一例は、ツリーコンポーネントを行き来するための矢印キーを用いたナビゲーションである。利用者は、上下の矢印キーを使って、ツリーのノードからノードへと移動することができる。右向き矢印キーを押下するとノードを展開して、それから下向き矢印キーを使用すると新しく展開されたノードへと移動していく。アイテムが展開されたり閉じられたりするたびに、ナビゲーション順序に追加されたり削除されたりするので、このナビゲーション順序は、ツリーコントロールで予期される順序に従っている。そして、アイテムが展開されたり閉じられたりするたびに、ナビゲーション順序に追加されたり削除されたりする。

利用者はウェブページを理解して操作できているが、フォーカス順序がプログラムによる解釈される音声読み上げ順序 (達成基準 1.3.2 を参照) とは一致しないかもしれない。コンテンツに対して考えられうる論理的な音声読み上げ順序が数通りあり、フォーカス順序はそのうちのどれかと合致するのかもしれない。しかし、特定の提示における順序が、プログラムによる解釈される音声読み上げ順序とは異なるとき、複数ある提示の一つを使う利用者は、そのウェブページを理解したり操作したりするのを難しいと感じるかもしれない。コンテンツ制作者は、ウェブページを設計する際に、すべての利用者のことを注意深く考慮すべきである。

例えば、晴眼のキーボードの利用者がウェブページの視覚的提示で情報をやりとりしている一方で、スクリーンリーダーの利用者は、プログラムによる解釈される音声読み上げ順序で情報をやりとりしている。フォーカス順序が双方の利用者にとって意味が通じるようにし、どちらかの利用者がランダムに飛び回るようなことのないように注意すべきである。

明確にするために:

  1. フォーカス可能な構成要素は、ナビゲーションの順序が意味と操作性に影響を及ぼす時のみ、意味と操作性を保つ順序でフォーカスを受ける必要がある。

  2. 必要な場合は、意味と操作性を保つ複数の順序があるかもしれない。

  3. 意味と操作性を保つ複数の順序がある場合、それらのうち一つは提供される必要がある。

これらの達成方法は、コンテンツ内を順番に行き来していて、フォーカス順序が音声読み上げ順序と一致しているものと考えている、キーボードの利用者の役に立つ。

  • 論理的で、使いやすいフォーカス順序は、ページの操作をキーボード使用に依存している運動障害のある利用者の役に立つ。

  • 字を読むのが困難な障害のある利用者は、Tab キーを押下してフォーカスが予期しないどこかへ移動してしまうと、迷子のようになってしまう恐れがある。彼らは論理的なフォーカス順序の恩恵を受けている。

  • 視覚障害のある利用者は、Tab キーを押下してフォーカスが予期しないどこかへ移動してしまったり、インタラクティブな要素に囲まれているコンテンツを容易に見つけることができなかったりすると、迷子のようになってしまう恐れがある。

  • 画面拡大ソフトを使用していて、拡大率を高くしている利用者には、ページのごく小さい一部分だけしか見えないことがある。そのような利用者は、フォーカス順序が論理的でないと、誤った文脈でコンテンツの一部分を解釈してしまう恐れがある。

  1. インタラクティブなコントロールのツリーがあるウェブページ上で、利用者は上下の矢印キーを使って、ツリーのノードからノードへと移動することができる。右向き矢印キーを押下するとノードを展開して、それから下矢印キーを使用すると新しく展開されたノードへと移動していく。

  2. あるウェブページは、スクリプトでモードレスダイアログを実装している。起動ボタンを動作させると、ダイアログが開く。ダイアログ内にあるインタラクティブな要素が、起動ボタンのすぐ後のフォーカス順序の位置に挿入される。ダイアログが開いているときには、フォーカス順序は、その起動ボタンからダイアログ内の要素へ移動し、それから起動ボタンの後にあるインタラクティブな要素へと移動する。ダイアログが閉じているときは、フォーカス順序は起動ボタンからその次に続いている要素へ移動する。

    訳注: モードレスダイアログとは、ダイアログボックスを閉じなくても作業が続行できるタイプのダイアログボックスのことである。モードレスダイアログ(モードレスウィンドウ)とは - IT 用語辞典も参照のこと。

  3. あるウェブページは、スクリプトでモーダルダイアログを実装している。起動ボタンを動作させると、ダイアログが開き、そのダイアログにある最初のインタラクティブな要素にフォーカスがあたる。ダイアログが開いている限り、フォーカスはダイアログ内の要素だけに限定される。ダイアログが閉じられると、フォーカスはボタン又はボタンの次にある要素へ戻る。

    訳注: モーダルダイアログとは、ダイアログボックスの中だけで強制的に作業をさせるダイアログボックスで、それが閉じられない限り作業の続行ができないタイプのダイアログボックスのことである。モーダルダイアログ(モーダルウィンドウ)とは - IT 用語辞典も参照のこと。

  4. HTML で制作されたウェブページには、左側にナビゲーションがある。そのナビゲーションは、HTML ではメインコンテンツの後にあり、CSS を用いてページの左側に表示されるように指定されている。tabindex 属性又は JavaScript を用いずに、フォーカスがメインコンテンツへ移動できるようにするためである。

    注記: この事例は達成基準を満たしているが、必ずしもすべての CSS による配置が当てはまるとはかぎらない。配置が複雑な例では、意味及び操作性を保持できることもあれば、できないこともある。

  5. 次の例は、この達成基準を満たさない:

    ある企業のウェブサイトに、マーケティングデータを収集するフォームがあり、利用者がその企業の発行するいくつかのニュースレターに登録できるようになっている。マーケティングデータを収集するためのフォームのセクションには、氏名、郵便番号、県、市町村、番地などのテキストフィールドがある。フォームのその他のセクションには、利用者が配信してほしいニュースレターを指定することができるようにいくつかのチェックボックスがある。しかし、そのフォームのタブ移動順序は、フォームにおける異なるセクションのフィールドを行ったり来たりする。そのため、フォーカスは、氏名のテキストフィールドからあるチェックボックスへ、次に番地のテキストフィールドへ、そしてまた別のチェックボックスへというふうに移動してしまう。

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

(今のところ、文書化されていない)

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

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

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

  • 代替となる提示順序を作り出す (リンク追加予定)

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

順を追ってナビゲート (navigated sequentially)

キーボードインタフェースを用いて (一つの要素から次へ) フォーカスを移動するために、定義された順序でナビゲートすること。


リンクの目的 (コンテキスト内) :
達成基準 2.4.4 を理解する

2.4.4 リンクの目的 (コンテキスト内) : それぞれのリンクの目的が、リンクのテキスト単独で、又はリンクのテキストとプログラムによる解釈が可能なリンクのコンテキストから判断できる。ただし、リンクの目的がほとんどの利用者にとって曖昧な場合は除く。 (レベル A)

この達成基準の意図は、利用者がリンクを辿りたいかどうか決めることができるように、各リンクの目的を理解することを助けることである。可能な限りいつでも、追加のコンテキストを必要とせずに、リンクの目的を特定するリンクテキストを提供すること。支援技術は、ウェブページにあるリンクの一覧を利用者に提供することができる。可能な限り意味を持たせたリンクテキストは、このリンクの一覧から選択したい利用者の助けとなる。意味のあるリンクテキストはまた、リンクからリンクへと Tab キーで移動したい利用者にとっても役に立つ。意味のあるリンクは、ページを理解するために複雑な戦略を必要とせずに利用者が辿るリンクを選択するのに役立つ。

リンクのテキスト又はリンクに関連付けられたテキストは、リンクの目的を説明することを意図している。リンクが文書又はウェブアプリケーションに遷移する場合、その文書又はウェブアプリケーションの名前は、(その文書又はウェブアプリケーションへ遷移する) リンクの目的を説明するのに十分だろう。文書又はウェブアプリケーションの名称を使用する必要がないことに注意すること。他のものがリンクの目的を説明することもある。

達成基準 2.4.2 は、ページのタイトルを取り扱っている。ここでも、ページに表示されている文書又はウェブアプリケーションの名称は、ページの目的を説明するのに十分だろう。リンクとタイトルが一致する、又は非常に類似したものであることはよい習慣であり、「クリックされた」リンクと利用者が到達するウェブページとの間に連続性を与える。

場合によっては、コンテンツ制作者は、リンクのコンテキストを提供する論理的に関係のあるテキストの中でリンクの説明の一部を提供したいことがある。この場合、利用者は、リンクからフォーカスを移動させずに、そのリンクの目的を特定できることが望ましい。言い換えれば、利用者はあるリンクに到達でき、その位置を失うことなく、リンクに関してさらに調べることができる。これは、リンク自体と直接関連付けられているため、リンクと同じ文、段落、リスト項目、又はテーブルのセル、又はデータテーブル内にあるリンクのテーブル見出しセル、リンクの説明を配置することで達成可能である。あるいは、コンテンツ制作者は、ARIA技術を用いてページ上の追加テキストをリンクに関連付けてもよい。

このコンテキストは、リンクの前にある場合に、最も有用だろう (例えば、曖昧なリンクテキストを使わなければならない場合、その曖昧なリンクテキストを文の初めに置くよりも、リンク先を説明する文の最後に置くほうがよい)。説明がリンクの後に続く場合、ページを (上から下へ) 順に読んでいるスクリーンリーダーの利用者に対して混乱及び困難が存在する可能性がある。

同じ宛先のリンクには一貫した説明があることがベストプラクティスとなる(そしてこれは、一式内のページに対して達成基準 3.2.4 により要件となる)。さまざまな目的や宛先を持つリンクが異なる説明を持つこともベストプラクティスとなる。

この達成基準には、ウェブページ上にある情報から判断できないリンクの目的に対するリンクの例外が含まれている。この状況では、障害のある人が不利な立場にあるわけではない。リンクの目的を理解するために入手可能な追加のコンテキストが一切ないのである。しかし、リンクの目的を解釈するために使用できるウェブページ上で利用可能ないかなるコンテキストの量であっても、達成基準を満たすためのリンクテキストで利用可能にされる、又はリンクとプログラム的に関連付けられなければならない。

注記: リンクの目的が不明又は曖昧になることが想定できる状況もありえる。例えば、ゲームにはドア 1、ドア 2、そしてドア 3 としてのみ識別されるリンクがあるかもしれない。リンクの目的がすべての利用者に対するサスペンスを引き起こすことにあるので、このリンクテキストは十分である。

達成基準 2.4.9 リンクの目的 (リンクのみ) を理解するも参照のこと。

  • この達成基準は、関心のないリンクをスキップし、参照されたコンテンツを訪問し現在のコンテンツに戻るために必要なキーストロークを回避することで運動障害のある人を支援する。

  • 認知に制約のある人が、関心のないコンテンツへのナビゲーションの複数手段によって混乱することがなくなる。

  • 視覚障害のある人が、リンクの文脈を探ることによって、リンクの目的を判断できるようになる。

  • リンクがリンク先の URI にある情報を説明するテキストを含んでいる

    あるページに、「中世の歴史には大量の虐殺があった」という文がある。ここで「中世の歴史」がリンクになっている。

  • リンクの前にリンク先の URI にある情報のテキストによる説明がある

    あるページに、「アイルランド政府の電子選挙委員会に関する詳細を『投票に行こう!』で見る」という文がある。ここで、「投票に行こう!」がリンクである。

  • アイコンとテキストの両方が同じリンク内にある

    自動投票機のアイコンと「アイルランド政府の電子選挙委員会」というテキストが、結合され一つのリンクになっている。リンクの目的がアイコンの隣にあるリンクのテキストで説明されているので、そのアイコンの代替テキストは空である。

  • 書籍名のリスト

    書籍のリストは、HTML、PDF、及び mp3 (本を読み上げている人の録音) の三つのフォーマットで利用可能である。各書籍のタイトルを 3 回 (フォーマットごとに 1 回) 聞かないですむように、各書籍の最初のリンクは書籍のタイトル、二つめのリンクは「PDF」、三つめのリンクは「mp3」となっている。

  • ニュース記事の要約

    あるウェブサイトには、ニュース記事のコレクションが含まれている。メインページでは、各記事の最初の部分が少し表示され、その後に「続きを読む」というリンクがある。現在の段落を読みあげるスクリーンリーダーのコマンドは、リンクの目的を解釈するためのコンテキストを提供する。

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

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

  1. G91: リンクの目的を説明したリンクテキストを提供する

  2. H30: a 要素のリンクの目的を説明するリンクテキストを提供する (HTML)

  3. H24: イメージマップの area 要素にテキストによる代替を提供する (HTML)

  4. FLASH27: ボタンの目的を説明するラベルを提供する (Flash)

  5. 次に挙げる達成方法の一つを用いて、利用者が簡潔なリンクテキスト又は長いリンクテキストを選べるようにする:

  6. G53: リンクテキストとそれが含まれている文中のテキストとを組み合わせて、リンクの目的を特定する

  7. 次に挙げる達成方法の一つを用いて、リンクの目的の説明を補足する:

  8. 次に挙げる達成方法の一つを用いて、プログラムによる解釈されるリンクのコンテキストと一緒にリンクの目的を特定する:

  9. G91: リンクの目的を説明したリンクテキストを提供するかつ次の達成方法の一つを用いてセマンティックにリンクを示す:

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

ほとんどの利用者にとって曖昧 (ambiguous to users in general)

リンク、及びリンクと同時に利用者に提供されているウェブページのどの情報からも、そのリンクの目的を判断できない (すなわち、障害がない閲覧者でも、そのリンクを動作させるまで、そのリンクが何をするのか分からない)。

事例: 「注目すべき輸出品のひとつはグァバです」という文中にある「グァバ」という単語がリンクになっている。そのリンク先は、グァバの定義、グァバの輸出量を挙げる図表、又はグァバを収穫している人々の写真のいずれにもなり得る。リンクを動作させるまで、すべての利用者が確信を持てないため、障害のある人が不利な立場に置かれることはない。

プログラムによる解釈が可能なリンクのコンテキスト (programmatically determined link context)

リンクとの関係性からプログラムによる解釈が可能であり、リンクテキストと結びつけることができ、様々な感覚モダリティで利用者に提示することができる付加的情報。

事例: HTMLでは、英語で記述されたリンクからプログラムによる解釈が可能な情報には、そのリンクと同じ段落、リスト、又はテーブルのセルにあるテキスト、あるいはリンクのあるテーブルのセルと関連付けられたテーブルの見出しセルにあるテキストなどがある。

注記: スクリーンリーダーは句読点を解釈するので、フォーカスが文中のリンクにある場合は、その文からコンテキストを提供することも可能である。

リンクの目的 (link purpose)

ハイパーリンクを動作させたときに得られる結果の本質。


複数の手段:
達成基準 2.4.5 を理解する

2.4.5 複数の手段: ウェブページ一式の中で、あるウェブページを見つける複数の手段が利用できる。ただし、ウェブページが一連のプロセスの中の1ステップ又は結果である場合は除く。 (レベル AA)

この達成基準の意図は、利用者が自分のニーズに最も合う方法によってコンテンツを見つけることができるようにすることである。コンテンツを見つける手段が複数あれば、利用者は、自分にとって使いやすい又は分かりやすい手段を選ぶことができる。

小規模なサイトであっても、利用者に複数の探索手段を提供すべきである。すべてのページがサイトのホームからリンクされている 3~4 ページのサイトでは、ホームから各ページへのリンクと、各ページからホームへのリンクを提供するだけで十分かもしれない。ホームにあるリンクがサイトマップのような役割も果たすからである。

  • 複数の手段でサイトをナビゲートする機会を提供することによって、人々が情報をより早く見つけるのに役立つことができる。視覚障害のある利用者は、画面拡大ソフト又はスクリーンリーダーを用いて大きなナビゲーションバーを経由してスクロールするよりも、検索機能を使用してサイト内の適切な部分へナビゲートしていくほうが容易なことがある。認知障害のある人は、複数のウェブページを読んで横断するするよりも、サイト全体を見渡すことのできる目次又はサイトマップを好むことがある。中には、サイトのコンセプトやレイアウトを最もよく理解できるように、ウェブページからウェブページへと順番に移動しながらサイト内を探索するのを好む利用者もいるかもしれない。

  • 認知に制約のある利用者は、階層構造を用いたナビゲーションスキームは分かりづらいことがあるため、検索機能を使うほうがより容易なことがある。

  • 検索メカニズム

    ある大手食品加工企業は、その企業の製品を使用して作成されたレシピを含むサイトを提供している。そのサイトは、特定の食材を使ったレシピを検索するための検索メカニズムを提供している。さらに、食品のいろいろなカテゴリを挙げたリストボックスを提供している。その企業のスープ製品から作られたレシピのリストを含むページに移動するには、利用者は検索エンジンに「スープ」を入力してもよく、又はリストボックスから「スープ」を選択してもよい。

  • ウェブページ間のリンク

    あるヘアサロンが、サービスを宣伝するためにウェブサイトを制作した。そのサイトは 5 ページしかない。各ウェブページには、ウェブページ間を順に前後へ移動できるリンクがある。さらに、各ウェブページには、その他のウェブページへ移動するリンクの一覧がある。

  • コンテンツがプロセス又はタスクの結果である場合 - 送金確認

    あるオンライン銀行サイトでは、ウェブを通じて口座間の送金ができる。口座の名義人が送金を完了する以外には、送金確認ページを見つける方法はない。

  • コンテンツがプロセス又はタスクの結果である場合 - 検索エンジンの検索結果

    ある検索エンジンが、利用者の入力に応じた検索結果を提供している。その検索プロセスを行う以外に、その検索結果ページを見つける方法はない。

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

(今のところ、文書化されていない)

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

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

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.5 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

ウェブページ一式 (set of Web pages)

共通の目的を共有し、同じコンテンツ制作者、グループ、又は組織により制作されたウェブページの集合。

注記: 他言語版は、異なるウェブページ一式と見なされることもある。

プロセス (process)

ある活動を完了させるために必要な利用者の一連の動作。

事例 1: ショッピングサイト上の一連のウェブページで目的を果たすためには、利用者が選択肢となりうる製品、価格及び内容を閲覧した後、製品を選択して注文し、配送先情報及び支払情報を入力する必要がある。

事例 2: アカウント登録ページでは、登録フォームにアクセスする前にチューリングテストに成功する必要がある。


見出し及びラベル:
達成基準 2.4.6 を理解する

2.4.6 見出し及びラベル: 見出し及びラベルは、主題又は目的を説明している。 (レベル AA)

この達成基準の意図は、ウェブページにどんな情報があるのか、及びその情報がどのように構成されているのかを、利用者が理解するのを手助けすることである。見出しが明快かつ内容が分かるように記述されている場合、利用者は自分の探している情報をより容易に見つけることができ、コンテンツ内の様々な部分間の関係をより容易に理解できる。内容が分かるように記述されているラベルは、利用者がコンテンツ内にある特定のコンポーネントを識別するのに役立つ。

ラベル及び見出しを長くする必要があるわけではない。単語一つ又は一文字だけであっても、コンテンツを見つけてナビゲートする手がかりとして適切であれば、それだけで十分なこともある。

注記: この達成基準は見出しやラベルを必ずしも必要としない。見出しやラベルが提供されている場合、それらの内容が分かるように記述されていることが求められる。また、見出しやラベルが提供されている場合には、 達成基準 1.3.1 情報及び関係性を理解するを満たさなければならないことに注意する。

  • 内容が分かるように記述された見出しは、読む速度が遅くなる障害のある利用者及び短期記憶に制約のある利用者に特に役立つ。そのような利用者にとっては、それぞれのセクションの内容を予測できるようにセクションの見出しが記述されていると役立つ。

  • 手を使うのが難しい人、又は手を使うときに痛みを感じる人は、必要なコンテンツに到達するのに必要なキーストロークの数を減らすテクニックから恩恵を受ける。

  • この達成基準は、目次などで文脈を無視して読むとき、又はページ内の見出しから見出しへ移動するときに、ラベル及び見出しが意味のあることを保証することによって、スクリーンリーダーの利用者を手助けする。

    また、この達成基準は、一度にほんの少しの単語しか見ることのできない、ロービジョンの利用者にも役立つ。

  • ニュースサイト

    ニュースサイトのホームに、その時間帯のトップニュースの見出しが並んでいる。それぞれの見出しの下には、記事の冒頭の 35 ワードと、記事の全文へのリンクがある。そして、見出しはどれも、記事の主題を明快に伝えている。

  • 上手な文章の書き方ガイド

    文章の書き方に関するガイドに、次のようなセクション見出しがある。「上手な文章の書き方」、「無駄な語句を取り除く」、「不要な語句を見つけ出す」、などである。これらのセクション見出しは明快かつ簡潔で、情報の構造が見出しの構造にも反映されている。

  • 様々な記事での一貫した見出し

    ウェブサイトには、ある学会の会議での論文が掲載されている。その学会の会議への投稿する論文は、次のような構成とすることが必須となっている: 要約、イントロダクション、(その論文に固有なその他のセクション)、結論、筆者略歴、用語集、そして参考文献。そうして、論文の独自性とセクション見出しの一貫性とのバランスをうまくとりながら、各ウェブページのタイトルはそのページにある論文をはっきりと特定している。

  • 利用者に氏名を要求するフォーム

    利用者に氏名を要求するフォーム。姓と名を要求する二つのテキストフィールドから成る。最初のフィールドは「姓」、次のフィールドは「名」とラベルづけされる。

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

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

  1. G130: 説明的な見出しをつける

  2. G131: 説明的なラベルを提供する

注記: 達成基準 1.3.1 により、見出し及びラベルは、プログラムによる解釈がされなければならない。

訳注: 上記注記で「見出し及びラベルは、プログラムによる解釈がされなければならない。」と記述されているが、これは達成基準 1.3.1 を正確に反映したものではない。よって、この記述は達成基準 1.3.1 にあるとおり、「見出し及びラベルは、プログラムで決定できるか又はテキストで利用できなければならない。」と解釈するのが妥当と考えられる。w3c/wcag#315 で改善が提案されているので、あわせて参照されたい。

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

  • ウェブページに一意なセクション見出しを用いる(リンク追加予定)

  • 一意な情報からセクション見出しをはじめる(リンク追加予定)

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.6 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

ラベル (label)

テキスト、又はテキストによる代替を伴うコンポーネントで、ウェブコンテンツ内のコンポーネントを識別するために利用者に提示されているもの。

注記 1: 名前 (name) は隠されていて支援技術に対してだけ明らかにされる場合がある一方で、ラベルはすべての利用者に提示される。多くの場合 (すべてではないが)、名前 (name) とラベルは同じである。

注記 2: ラベルという用語は、HTML における label 要素だけに限定されない。


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

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

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

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

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

  • この達成基準は、キーボード操作でインタラクションするコンポーネントをいずれかの時点で視覚的に判断できるようにすることで、ページの操作をキーボードに頼っているすべての人に役立つ。

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

  • テキストフィールドがフォーカスを受け取ると、縦の棒がテキストフィールド内に表示されて、利用者がテキストを挿入入力できることを示す、又は、すべてのテキストがハイライト表示され、利用者がそのテキストを上書きできることを示す。

  • ユーザインタフェースのコントロールがフォーカスを受け取ると、その周りに視覚的に認識できる枠線が表示される。

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

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

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

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

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


現在位置:
達成基準 2.4.8 を理解する

2.4.8 現在位置: ウェブページ一式の中での利用者の位置に関する情報が利用できる。 (レベル AAA)

この達成基準の意図は、集中力が長く持たない利用者がウェブページ一式、ウェブサイト、又はウェブアプリケーションの中で自分のいる位置を確認することができ、関連する情報を見つけることができるようにすることである。

  • この達成基準は、あるウェブページへたどり着くまでに幾つもの段階を経てナビゲートしているうちに困惑してしまう、集中力の続かない利用者に役立つ。また、利用者がリンクで深い階層にあるページへ直接移動した際に、そのページのコンテンツを理解したり、関連するその他の情報を探したりするために、そのウェブサイト内を行き来する必要があるときなどにも役立つ。

  • 利用者がサイト内での自分の現在位置を確認しやすくするリンク

    ある大学の教育学部に研究会がある。研究会のウェブサイトのホームには、学部のウェブサイトのホーム及び大学のウェブサイトのホームへのリンクがある。

  • パンくずリスト

    ポータルウェブサイトは、トピックをカテゴリごとに整理している。利用者がカテゴリ及びサブカテゴリ内を行き来していると、パンくずリストがカテゴリの階層における現在位置を示してくれる。また、各ページには、ポータルのホームへのリンクもある。

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

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

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

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.8 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

ウェブページ一式 (set of Web pages)

共通の目的を共有し、同じコンテンツ制作者、グループ、又は組織により制作されたウェブページの集合。

注記: 他言語版は、異なるウェブページ一式と見なされることもある。


リンクの目的 (リンクのみ) :
達成基準 2.4.9 を理解する

2.4.9 リンクの目的 (リンクのみ) : それぞれのリンクの目的を、リンクのテキスト単独で特定できるメカニズムが利用できる。ただし、リンクの目的がほとんどの利用者にとって曖昧な場合は除く。 (レベル AAA)

この達成基準の意図は、利用者がコンテンツ内にある各リンクの目的を理解するのを手助けすることで、利用者がそのリンクを辿りたいかどうかを判断できるようにすることである。ベストプラクティスは、同じ宛先のリンクは同じ記述になっているが、目的及び宛先が異なるリンクは異なる記述になっていることである (同じ機能を持つコンポーネントの識別に一貫性を求めている達成基準 3.2.4 も併せて参照のこと)。リンクの目的はリンクテキストから特定できるので、ユーザエージェントがページ上にある全てのリンクの一覧を提供する場合など、リンクがコンテキストから切り離されるときに、リンクを理解できる。

リンク内のテキストは、リンクの目的を説明するように意図されている。リンクが利用者を文書又はウェブアプリケーションへ導く場合、その文書又はウェブアプリケーションの名前は、リンクの目的 (その文書又はウェブアプリケーションに導くためのもの) を説明するものとして十分であろう。文書又はウェブアプリケーションの名前を使用することが必須ではないことに注意すること。他のものも、リンクの目的を説明することがある。

達成基準 2.4.2 は、ページのタイトルに取り組んでいる。ここでもまた、ページに表示されている文書又はウェブアプリケーションの名前は、ページの目的を説明するのに十分であろう。リンクとタイトルが一致する又は極めて似ていることは、グッドプラクティスであり、リンクの「クリック」と利用者が着地するウェブページとの間の連続性を提供する。

この達成基準には、リンクの目的をウェブページ上にある情報からは判断できないリンクに対して例外が認められている。そのような状況では、障害のある利用者が不利な立場にあるわけではない。リンクの目的を理解するために追加入手可能な文脈が一切ないのである。しかし、この達成基準を満たすためには、そのリンクの目的を解釈するためにそのウェブページ上で利用できる文脈はどんなものであれ、そのリンクテキストで入手可能にしなればならない。

単語「メカニズム」は、制作者がデフォルトで全てのリンクをコンテキストから切り離されて完全に理解できるようにするか、このようにするための手段を提供するかのいずれかを可能にするために使用される。これは、ページによっては全てのリンクを自身で明確にすることが、ある利用者に分かりやすくなると同時に、他の利用者には分かりづらくなってしまうからである。(自身で) リンクを明確にしたり、しなかったりする能力を提供することで、障害のある利用者、ない利用者の双方の、ニーズに最も適したフォーマットでページを利用できるようになる。

例えば、100 冊の書籍のタイトルが並んでいるページに、それぞれの書籍を HTML、PDF、DOC、TXT、MP3、又は AAC でダウンロードするリンクがある場合、たいていは書籍のタイトルとその後に「HTML 版」と書いてあるようなリンクがある。そして、「次のバージョンも利用可能:」という文が続いていて、「HTML」、「PDF」、「DOC」、「TXT」、「MP3」、そして「AAC」という短いテキストのリンクがある。レベル AAA においては、一部の利用者は、このようにページが見えることを選ぶだろう。それぞれのリンクの中に書籍のタイトルがいちいち含まれていると、かえって分かりづらかったり、使うのに時間がかかってしまったりするからである。他の利用者は、各リンクがそれだけで理解可能であるように、それぞれのリンク中に書籍のタイトルが含まれるようにページが見えることを選ぶだろう。前者及び後者の両グループには、視覚障害や認知障害を持つ人々が含まれ、その障害の種類や度合いに応じて、異なる閲覧手法が用いられる可能性がある。

  • この達成基準により、運動障害のある利用者が、リンク先のコンテンツへ行って、また元へ戻ってくるという無駄なキーストロークなしに、関心のないウェブページをスキップすることができるようになる。

  • 認知に制約のある利用者が、余計なナビゲーションによって、必要のないコンテンツへ行ったり来たりして現在位置を見失う、ということがなくなる。

  • 視覚障害のある利用者は、元のページに戻ってきたときに、コンテンツの中で居場所が分からなくなる、ということがなくなり恩恵を受ける。スクリーンリーダーのリンク一覧は、リンク先が具体的に記述されることで、情報を探す上でより便利になる。

  • アイコンとテキストの両方が同じリンク内にある

    自動投票機のアイコンと「アイルランド政府の電子選挙委員会」というテキストが、一つのリンクになっている。

  • 書籍名のリスト

    リストにある書籍が、HTML、PDF、そして mp3 (人が本を読み上げているのを録音したもの) の三つのフォーマットで利用可能である。書籍のタイトルの後に、様々なフォーマットへのリンクがある。例えば、描画されるリンクテキストにはフォーマット名しかないが、それぞれのリンクに関連付けられているテキストには、例えば「ガリバー旅行記 MP3 版」というように、書籍のタイトルとフォーマットの両方がある。

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

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

  1. ARIA8: リンクの目的を示すために aria-label を使用する (ARIA)

  2. G91: リンクの目的を説明したリンクテキストを提供する

  3. H30: a 要素のリンクの目的を説明するリンクテキストを提供する (HTML)

  4. H24: イメージマップの area 要素にテキストによる代替を提供する (HTML)

  5. FLASH27: ボタンの目的を説明するラベルを提供する (Flash)

  6. 次の達成方法の一つを用いて、利用者が短めのリンクテキスト又は長めのリンクテキストを選べるようにする:

  7. 次の達成方法の一つを用いて、リンクの目的を補足説明する:

  8. 次の達成方法の一つを用いて、セマンティックにリンクを示す:

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

ほとんどの利用者にとって曖昧 (ambiguous to users in general)

リンク、及びリンクと同時に利用者に提供されているウェブページのどの情報からも、そのリンクの目的を判断できない (すなわち、障害がない閲覧者でも、そのリンクを動作させるまで、そのリンクが何をするのか分からない)。

事例: 「注目すべき輸出品のひとつはグァバです」という文中にある「グァバ」という単語がリンクになっている。そのリンク先は、グァバの定義、グァバの輸出量を挙げる図表、又はグァバを収穫している人々の写真のいずれにもなり得る。リンクを動作させるまで、すべての利用者が確信を持てないため、障害のある人が不利な立場に置かれることはない。

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。


セクション見出し:
達成基準 2.4.10 を理解する

2.4.10 セクション見出し: セクション見出しを用いて、コンテンツが整理されている。 (レベル AAA)

注記 1: 見出しはその一般的な意味で用いられており、タイトルや様々なタイプのコンテンツに見出しを付加するその他の手段を含む。

注記 2: この達成基準は、文書におけるセクションを対象としており、ユーザインタフェース コンポーネントは対象としていない。ユーザインタフェース コンポーネントについては、達成基準4.1.2が対象にしている。

この達成基準の意図は、ページがセクションで構成されている場合に、ウェブページのセクションに見出しを提供することである。例えば、長い文書は多くの場合、様々な章に分けられ、章にはサブトピックがあり、サブトピックは様々なセクション、段落内のセクションなどに分けられる。そのようなセクションが存在する場合、それらのセクションを紹介する見出しが必要である。これは、コンテンツの構造を明確に示し、コンテンツ内のナビゲーションを手助けし、そしてコンテンツの理解を助けるメンタルな「取っ掛かり」を提供する。提示を改善するために、ページのその他の要素 (例: 横罫線、囲み罫線) が見出しを補完することもあるが、視覚的提示は文章のセクションを特定するには十分ではない。

この達成基準は、すべての種類のコンテンツに適用できず、見出しを挿入することが常に可能であるとは限らないため、レベル AAA に含まれている。例えば、既存の文書をウェブで公開する場合、元の文書に含まれていない見出しは挿入できない。又は、長い手紙には様々なトピックを扱うことが多いが、手紙に見出しを付けるととてもおかしくなってしまう。しかし、文書が見出しの付いたセクションに分割できる場合、文書は理解とナビゲーションの両方が容易になる。

  • 全盲の利用者が、ウェブページのあるセクションからいつ別のセクションへ移動したのかが分かるようになり、各セクションの目的が分かるようになる。

  • 何らかの学習障害のある人が、ページ全体のコンテンツの構造をより容易に理解するために、見出しを使うことができる。

  • キーボードでコンテンツをナビゲートしている利用者が、フォーカスを見出しから見出しへとジャンプできるようになり、関心のあるコンテンツを素早く見つけることができるようになる。

  • 一部のコンテンツを更新したページでは、見出しを使うことによって、更新したコンテンツへ素早く到達できるようになる。

  • メニューに様々なコース料理の様々なセクションがある。各セクションには、前菜、サラダ、スープ、メイン料理、デザートという見出しがある。

  • あるウェブアプリケーションは、関連する設定のグループに分けられた設定ページがある。各セクションには、設定の区分を説明する見出しがある。

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

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

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

  • ライブリージョンを特定する 'live' プロパティを使う (リンク追加予定) (ARIA)

  • ウェブページのコンテンツの異なるセクションにナビゲートするメカニズムを提供する (リンク追加予定)

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.10 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

セクション (section)

一つ以上の関連する話題、又は考えについて書かれたコンテンツの自己完結している部分。

注記: セクションは一つ以上の段落から成ることがあり、画像、表、リスト、及びサブセクションを含むこともある。

ユーザインタフェース コンポーネント (user interface component)

コンテンツの一部分で、特定の機能を実現するための単一のコントロールとして利用者が知覚するもの。

注記 1: 複数のユーザインタフェース コンポーネントが、単一のプログラム要素で実装されることもある。ここでいうコンポーネントは、プログラムの手法と結びついたものではなく、利用者が別々のコントロールとして知覚するものを指す。

注記 2: ユーザインタフェース コンポーネントには、フォーム要素、リンクだけでなく、スクリプトで生成されるコンポーネントが含まれる。

事例: アプレットには、コンテンツ内を行単位、ページ単位、又はランダムアクセスで移動するために用いられる「コントロール」がある。これらには、いずれも名前 (name) を割り当て、個別に設定できるようにする必要があるため、それぞれが「ユーザインタフェース コンポーネント」となる。


読みやすさ:
ガイドライン 3.1 を理解する

ガイドライン 3.1: テキストのコンテンツを読みやすく理解可能にすること。

ガイドライン 3.1 の意図

このガイドラインの意図は、利用者及び支援技術がテキストのコンテンツを読み取りを可能にし、理解するために必要な情報が利用可能であることを保証することである。

障害のある人は、テキストを様々な方法で体験している。ある人にとって体験は視覚的であり、聴覚的であり、触覚的であり、さらに他の人にとっては視覚的と聴覚的の両方である。テキストを読み上げたり、重要なプロセスや考えが図画によって視覚的に示されていたり、手話で通訳されていたりすると、書かれた文章を理解するのは困難であっても、かなり複雑で高度な内容の文書でも理解することができる利用者もいる。一部の利用者によっては、特に単語又は語句が一般的ではない方法で用いられていたり、特別な意味を与えられた場合、文脈から単語又は語句の意味を推察するのは困難である。これらの利用者にとって、読解力及び理解力は、特定の定義又は頭字語あるいは略語の展開された形式が利用可能かによって決まるだろう。グラフィカルなアプリケーションだけでなく読み上げも含め、ユーザエージェントは、テキストの言語及び書字方向が示されていないと、テキストが正しく提示できないことがある。ほとんどの利用者にとっては大した問題にはならないかもしれないが、障害のある利用者にとっては非常に大きな障壁となりえる。 (例えば、日本語の特定の漢字など) 発音に関する情報がないと意味が判断できない場合、発音 (読み) に関する情報も提供しなければならない。

ガイドライン 3.1 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • ページ中のコンテンツのうち、制作者が制御できないソースに基づくものについて、そのコンテンツに関する情報を提供する (リンク追加予定)

  • すべてのコンテンツは、手話による通訳を提供する (リンク追加予定)

  • そのコンテンツに対して適切な、最も明解で単純な表現を用いる (リンク追加予定)

  • テキストの中寄せを行わない (リンク追加予定)

  • 単語間やも文字間の空白に影響を与える、テキストの均等割り付けを行わない (リンク追加予定)

  • テキストは、左から右へ書く原語においては左寄せし、右から左へ書く原語においては右寄せする (リンク追加予定)

  • テキストのカラム幅を制限する (リンク追加予定)

  • 部分的なイタリック体を用いない (リンク追加予定)

  • 個別のページ及びサイトの中で用いるスタイルの種類を増やしすぎない (リンク追加予定)

  • リンクは、他のテキストと視覚的に区別できるようにする (リンク追加予定)

  • 画像、イラスト、動画、音声、シンボルなどを用いてコンテンツの意味を明確にする (リンク追加予定)

  • 現実的な例を示して、コンテンツの意味を明確にする (リンク追加予定)

  • 黒のテキストに白の背景色を用いるのではなく、明るいパステルカラーを背景色に用いる (リンク追加予定)

  • 必要性がない特殊なインタフェースコントロールを用いない (リンク追加予定)

  • その原語におけるスペリングの規則に従って、適切な形で大文字と小文字を使い分ける (リンク追加予定)

  • 一般的ではない外来語の使用を避ける (リンク追加予定)

  • コンテンツを利用する上で理解する必要がある情報、考え方、操作手順の手話版を提供する (リンク追加予定)

  • ウェブページ上の特定の場所を参照している場合、その場所へのリンクを提供する (リンク追加予定)

  • 見出しやタイトルを参照する場合、完全なタイトルを含むようにする (リンク追加予定)

  • 管理者への連絡方法を含む、ウェブページ一式に関する基本的な情報について、容易に読めるバージョンを提供する (リンク追加予定)

  • 管理者への連絡方法を含む、ウェブページ一式に関する基本的な情報について、手話バージョンを提供する (リンク追加予定)

ページの言語:
達成基準 3.1.1 を理解する

3.1.1 ページの言語: それぞれのウェブページのデフォルトの自然言語がどの言語であるか、プログラムによる解釈が可能である。 (レベル A)

この達成基準の意図

この達成基準の意図は、ユーザエージェントがテキスト及びその他の形式の言語学上の言語によるコンテンツを正しく提示するために必要なウェブページの情報を、コンテンツ制作者が提供することを保証することである。支援技術と従来のユーザエージェントはともに、ウェブページの言語が識別されるとき、テキストをより正確に描画することができる。スクリーンリーダーは、正しい発音規則を読み込むことができる。ビジュアルブラウザは、文字や書体を正しく表示することができる。メディアプレーヤーは、キャプションを正しく表示できる。結果として、障害のある利用者がコンテンツをより理解できるようになる。

Internationalization Best Practices: Specifying Language in XHTML & HTML Content 述べられているように、ウェブページのデフォルトの自然言語が、デフォルトのテキスト処理言語となる。ウェブページがいくつかの言語を使用している時、デフォルトのテキスト処理言語は、最も使われている言語である。(複数の言語が同じ割合で使われている場合、最初に使われている言語をデフォルトの自然言語として選択する必要がある。)

注記: 適合レベル A を目指している多言語サイトについて、WCAG ワーキンググループはコンテンツ制作者に、レベル AA の達成基準ではあるが、達成基準 3.1.2 にも同じように適合することを強く推奨する。

達成基準 3.1.1 の具体的なメリット

この達成基準には、次のような利用者にメリットがある:

  • スクリーンリーダー又はテキストを合成音声に変換するその他の技術を使用している利用者。

  • 例えば、文字及びアルファベットを認識したり、単語を読み取ったりすることのように、流暢かつ正確に書かれたものを読むことが困難な利用者。

  • テキストを音声に変換するソフトウェアを使用している、特定の認知の障害、言語の障害、及び学習障害のある利用者。

  • 同期したメディアのコンテンツの音声トラックでの言語の変化を識別するのに、キャプションを頼りにしている利用者。

達成基準 3.1.1 の事例

  • 二つの言語で書かれたコンテンツのあるウェブページ

    ドイツで制作され、HTML で書かれたウェブページに、ドイツ語と英語の両方のコンテンツが含まれているが、コンテンツのほとんどはドイツ語である。デフォルトの自然言語は、html 要素の lang 属性によって、ドイツ語 (de)として識別される。

関連リソース

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

達成基準 3.1.1 の達成方法及び失敗例 - ページの言語

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

3.1.1 でさらに対応が望まれる達成方法 (参考)

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

達成基準 3.1.1 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.1.1 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

プログラムによる解釈 (プログラムによる解釈が可能) (programmatically determined (programmatically determinable))

支援技術を含む様々なユーザエージェントが抽出でき、利用者に様々な感覚モダリティで提示できるような形のデータがコンテンツ制作者によって提供されたとき、そのデータがソフトウェアによって解釈されること。

事例 1: マークアップ言語で、一般に入手可能な支援技術が直接アクセスできる要素と属性から解釈される。

事例 2: 非マークアップ言語の技術特有のデータ構造から解釈され、一般に入手可能な支援技術がサポートするアクセシビリティ API を通じて支援技術に提供される。

自然言語 (human language)

人間とコミュニケーションをとるための言語で、話される、書かれる、又は (視覚的あるいは触覚的な手段で) 手話にされるもの。

注記: 手話も参照。


一部分の言語:
達成基準 3.1.2 を理解する

3.1.2 一部分の言語: コンテンツの一節、又は語句それぞれの自然言語がどの言語であるか、プログラムによる解釈が可能である。ただし、固有名詞、技術用語、言語が不明な語句、及びすぐ前後にあるテキストの言語の一部になっている単語又は語句は除く。 (レベル AA)

この達成基準の意図

この達成基準の意図は、ユーザエージェントが、複数の言語で書かれているコンテンツを正しく提示できるようにすることである。これにより、その言語の提示規則および発音規則に従ってコンテンツをユーザエージェントおよび支援技術に提示することが可能になる。これは、スクリーンリーダー、点字ディスプレイ及びその他の音声ブラウザだけでなくグラフィカルブラウザも適用される。

支援技術及び従来のユーザエージェントはともに、テキストの各節の言語が識別される場合、テキストをより正確にレンダリングできる。スクリーンリーダーは、テキストの言語の発音規則を用いることができる。ビジュアルブラウザは、適切な方法で文字及び書体を表示することができる。これは、左から右に読む言語と右から左に読む言語を切り替えるとき、又はテキストが異なるアルファベットを使用する言語でレンダリングされるときに特に重要である。ウェブページで用いられているすべての言語を理解している障害のある利用者は、各節が適切にレンダリングされたとき、コンテンツをよりよく理解できるようになる。

テキストの語句又は節に何も言語が指定されていない場合、そのテキストの自然言語は、ウェブページのデフォルトの自然言語である (達成基準 3.1.1 を参照)。そのため、単一言語の文書にあるすべてのコンテンツの言語は、プログラムによる解釈が可能となる。

ある言語の個々の単語又は語句が、その他の言語の一部になることがある。例えば、"rendezvous" は、英語に採用され、英語の辞書に現れ、英語のスクリーンリーダーによって適切に発音される、フランス語の単語である。したがって、英語のテキストの一節に、その自然言語がフランス語であることを示すことなく "rendezvous" という単語が含まれていても、この達成基準を満たしていることになる。しばしば、テキストの自然言語が一つの単語に対して変化するような時、その単語は周囲にテキストの言語の一部となっていることがある。これは、一部の言語では一般的なことなので、言語を意図的に変えていることが明白でない限り、その単語は周囲のテキストの言語の一部とみなすべきである。言語を意図的に変えているかどうかが疑わしい場合は、単語が、隣接する周囲のテキストの言語で同じように発音されるかどうかを考えてみるとよいだろう (ただし、アクセントやイントネーションは除く)。

ほとんどの専門的な職業では、外国語からきた技術用語を頻繁に使うことを必要とする。そのような用語は、通常すべての言語に翻訳されていない。技術用語の広く共通な性質は、専門家の間でのコミュニケーションも促進する。

技術用語のよくある例としては、次のようなものがある: ホモ サピエンス (Homo sapiens)、アルファケンタウリ (Alpha Centauri)、ヘルツ (hertz)、ヘイビアス コーパス (habeas corpus) など。

言語の変化を示すことは、多くの理由から重要である:

  • 点字翻訳ソフトウェアが言語の変化に追従すること、例えば、アクセント記号付き文字の代わりに制御コードを使用すること、及び 2 級点字の略字の誤った作成を防ぐために必要な制御コードを挿入することを可能にする。

    訳注: 2 級点字はグレード 2 とも呼ばれる。これは、英語の点字において、使用頻度の高い単語又は単語の一部を短縮した特別な点字を用いるものである。詳細については、英語の点字及び日本における英語点字の表記についてを参照のこと。

  • 複数の言語をサポートしている合成音声は、適切な発音で適切なアクセントのテキストを話すことができるようになる。言語の変化が示されていない場合、合成音声は、動作するデフォルトの言語として単語を読み上げるのに最善を尽くそうとする。したがって、自動車を表すフランス語の単語 "voiture" は、デフォルトの言語として英語を用いている合成音声では "voyture" と発音されるだろう。

  • 言語の変更を示すことは、将来の技術開発に役立つことがあり、例えば、言語の間を行き来して翻訳をすることができない利用者は、機械翻訳を使ってよく知らない言語の翻訳に機械を用いることができるだろう。

  • 言語の変更を示すことは、辞書を用いて定義を提供するユーザエージェントを支援することもできるだろう。

達成基準 3.1.2 の具体的なメリット

この達成基準は、次のような利用者にメリットがある:

  • スクリーンリーダー又はテキストを合成音声に変換するその他の技術を使用している利用者。

  • 例えば、文字及びアルファベットを認識したり、単語を読み取ったりすることのように、流暢かつ正確に書かれたものを読むことが困難な利用者。

  • テキストを音声に変換するソフトウェアを使用している、特定の認知の障害、言語の障害、及び学習障害のある利用者。

  • 同期メディアのキャプションを頼りにしている利用者。

達成基準 3.1.2 の事例

  1. 英語の文章中にあるドイツ語の一節

    文章中の "He maintained that the DDR (German Democratic Republic) was just a ' Treppenwitz der Weltgeschichte'," は、ドイツ語の一節 'Treppenwitz der Weltgeschichte' がドイツ語であることが示されている。マークアップ言語に応じて、英語は、指定された箇所を除く文書全体の言語として示すこともできるし、段落レベルで示すこともできる。スクリーンリーダーがドイツ語の一節を読み上げる際は、その単語を正確に発音するために、英語からドイツ語に発音規則を変更する。

  2. 代わりの言語へのリンク

    ある HTML のウェブページには、そのページの他言語版へのリンクがある (例: Deutsch, Français, Nederlands, Castellano など)。それぞれのリンクのテキストは、その言語で言語の名前である。それぞれのリンクの言語は、lang 属性で示されている。

  3. フランス語の文章中で使われている "Podcast"

    "podcast" は、次の引用 "A l'occasion de l'exposition "Energie eternelle. 1500 arts d'art indien", le Palais des Beaux-Arts de Bruxelles a lance son premier podcast. Vous pouvez telecharger ce podcast au format M4A et MP3," の周囲にあるテキストの母国語の一部なので、言語の変更を示す必要はない。

関連リソース

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

達成基準 3.1.2 の達成方法及び失敗例 - 一部分の言語

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

3.1.2 でさらに対応が望まれる達成方法 (参考)

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

  • SL27: Using Language/Culture Properties as Exposed by Silverlight Applications and Assistive Technologies (Silverlight)

  • そのウェブページのデフォルトの自然言語とは異なる言語で記述されているテキストを視覚的に区別できるようにする (リンク追加予定)

  • 外国語で記述された節や語句で用いられているすべての原語の名前を表示する (リンク追加予定)

  • 固有名詞の原語をマークアップして、スクリーンリーダが正しく発音できるようにする (リンク追加予定)

達成基準 3.1.2 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.1.2 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

プログラムによる解釈 (プログラムによる解釈が可能) (programmatically determined (programmatically determinable))

支援技術を含む様々なユーザエージェントが抽出でき、利用者に様々な感覚モダリティで提示できるような形のデータがコンテンツ制作者によって提供されたとき、そのデータがソフトウェアによって解釈されること。

事例 1: マークアップ言語で、一般に入手可能な支援技術が直接アクセスできる要素と属性から解釈される。

事例 2: 非マークアップ言語の技術特有のデータ構造から解釈され、一般に入手可能な支援技術がサポートするアクセシビリティ API を通じて支援技術に提供される。

自然言語 (human language)

人間とコミュニケーションをとるための言語で、話される、書かれる、又は (視覚的あるいは触覚的な手段で) 手話にされるもの。

注記: 手話も参照。


一般的ではない用語:
達成基準 3.1.3 を理解する

3.1.3 一般的ではない用語: 慣用句及び専門用語を含めて、一般的ではない、又は限定された用法で使われている単語、又は語句の、明確な定義を特定するメカニズムが利用できる。 (レベル AAA)

この達成基準の意図

ある種の障害は、文字通りの意味ではない言葉の使い方及び、特殊な言葉又はその使い方の理解を困難にする。ある種の障害は、比喩的な言い回し又は特殊な使い方の理解を困難にする。当該達成基準のメカニズムを提供することは、これらの読者にとって不可欠である。専門家ではない読者を対象とした専門知識は、レベル A 又はレベル AA 適合のみを主張する場合でも、この達成基準に適合することを推奨する。

達成基準 3.1.3 の具体的なメリット

この達成基準は、認知の障害、言語の障害、及び学習障害のある次のような利用者に役立つ:

  • 文字から単語を復号しづらい。

  • 単語及び語句を理解しづらい。

  • 前後の文脈を用いて理解するのが困難である。

また、視覚障害のある次のような利用者にも役立つ:

  • 画面拡大ソフトで拡大していて前後の文脈を見失っている。

達成基準 3.1.3 の事例

  • 一般的ではない使われ方をしている単語の定義があるテキスト

    「カスケード表示」に他の情報源からの定義を表示するのではなく、定義検索で意図した定義が見つかるように、辞書及びその他の情報源のリスト又は「カスケード表示」を整理する。(「カスケード表示」は、辞書及びその他の参考文献を、正しい定義の提示を最もしそうな順序の一覧である。これは、定義を検索するときに従う順序を制御している。)

  • 用語集に定義を掲載する

    WCAG 2.0 では、特別な用法で単語「テキスト」を用いている。したがって、WCAG 2.0 で単語「テキスト」が用いられる場合、同じウェブページにある用語集で提供されている「テキスト」の定義へリンクしている。

  • ページ末尾で単語の具体的な定義を提供する

    単語から対応する定義への内部リンクもページ内に提供されている。

関連リソース

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

注記: 次のリストにある製品名又はベンダー企業名は、WCAG ワーキンググループ又は W3C の WAI による推薦を意味するものではない。このリストは、単に便宜を提供するだけのものであり、どのようなリソースが参照可能なのかを知らせるだけのものである。

  • 無料で利用できる多くの原語の辞書が、 Freedict.org のウェブサイト (英語)から入手可能である。同サイトに明記されているが、これらの辞書の品質と規模は辞書によってまちまちである。この情報は 2005 年 4 月 9 日現在のものである。

  • The WorldStar Free Dictionaries, Translators and Search Enginesのサイトでは、無料で利用できる多くの原語のオンライン辞書やサーチエンジンが提供されている。この情報は 2005 年 11 月 18 日現在のものである。

  • 他にも、your dictionaryfreelang.com (英語、スペイン語、フランス語) など多くのサイトで辞書が提供されている。

達成基準 3.1.3 の達成方法及び失敗例 - 一般的ではない用語

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 単語又は語句にそのウェブページ特有の意味がある場合:
  1. ウェブページ上で単語や語句の初出時に、以下のいずれかの方法で G101: 一般的ではない、又は限定された用法で用いられている単語又は語句の定義を提供する:

  2. 以下のいずれかの方法を用いて、その単語又は語句がウェブページ上に出現する度に G101: 一般的ではない、又は限定された用法で用いられている単語又は語句の定義を提供する:

状況 B: 単語又は語句の意味が、同じウェブページ内で異なる場合:
  1. 以下のいずれかの方法を用いて、その単語又は語句がウェブページ上に出現する度に G101: 一般的ではない、又は限定された用法で用いられている単語又は語句の定義を提供する:

3.1.3 でさらに対応が望まれる達成方法 (参考)

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

  • 特殊な意味を持つ言葉を利用者が認識できるようなマークアップや視覚的フォーマットを行う (リンク追加予定)

  • 音声で検索できる辞書を提供し、キーボードの操作や単語を綴ることが難しい利用者が発声することで言葉の意味を検索できるようにする (リンク追加予定)

  • 手話による辞書を提供し、ろう者が言葉の意味を検索するのを支援する (リンク追加予定)

  • テキストコンテンツ中のすべての言葉の定義を検索できるようなメカニズムを提供する (リンク追加予定)

  • テキストコンテンツ中のすべての単語や語句について、その意味を判断するためのメカニズムを提供する (リンク追加予定)

  • 一般的でない外来語の使用を避ける (リンク追加予定)

  • 一連の辞書をカスケード式に表示して意味を提供する (リンク追加予定)

達成基準 3.1.3 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.1.3 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。

一般的ではない、又は限定された用法で使われている (used in an unusual or restricted way)

そのコンテンツを正しく理解するために、どの定義で使われているのかを利用者が正確に知る必要があるような使われ方をしている言葉。

事例: "gig" という用語は、音楽コンサートの話の中で使われている場合、コンピュータのハードディスクドライブの容量に関する記事とは違うことを意味するが、適切な定義は文脈から判断できる。それに対して、「テキスト」という言葉は、WCAG 2.0では非常に特定された意味で使われており、その定義が用語集で提供されている。

専門用語 (jargon)

特定の分野の人々が特定の用法で用いる単語。

事例: 固定キーという用語は、支援技術やアクセシビリティの分野における専門用語である。

慣用句 (idiom)

個々の単語の意味からはその意味を推測できず、特定の単語を変えると意味が通じなくなる言い回し。

注記: 慣用句は、単語単位で直接翻訳すると、その (文化的あるいは言語特有の) 意味が通じなくなる。

事例 1: 英語では、"spilling the beans" (豆をこぼす) は「秘密を漏らす」という意味である。しかし、"knocking over the beans" (豆をひっくり返す) や"spilling the vegetables" (野菜をこぼす) は同じ意味にはならない。

事例 2: 日本語では、「さじを投げる」という言い回しは、逐語訳では "he throws a spoon"となるが、「どうすることもできずに諦める」という意味である。

事例 3: オランダ語では、"Hij ging met de kippen op stok"は、逐語訳すれば「彼はニワトリとねぐらについた」となるが、「彼は早く寝た」という意味である。


略語:
達成基準 3.1.4 を理解する

3.1.4 略語: 略語の元の語、又は意味を特定するメカニズムが利用できる。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、利用者が略語の元の語句にアクセスできるようにすることである。

達成基準 3.1.4 の具体的なメリット

この達成基準は、次のような利用者にメリットがある:

  • 文字から単語を復号化しづらい。

  • 画面拡大ソフトに依存している(画面を拡大すると、前後の文脈の手がかりをつかみづらくなる)。

  • 記憶力に限界がある。

  • 前後の文脈を用いて理解するのが困難である。

略語は様々なかたちで利用者を混乱させることがある:

  • 略語の中には、普通の単語のようには見えなくて、その言語の通常の規則に従って発音できないものがある。例えば、英語の単語 "room" は "rm" と略されるが、英語のどの単語又は音素にも該当するものがない。利用者は、正しく読むために、"rm" は単語 "room" の略語であることを知る必要がある。

  • 時には、同じ略語であっても、異なる文脈において異なる意味になることがある。例えば、英語の文章 "Dr. Johnson lives on Boswell Dr.," は、最初の "Dr." は "Doctor" の略語で、二つめは "Drive" の略語である (「通り」を意味する単語)。利用者は、その略語がどういう意味なのかを知るために、文脈を理解できなければならない。

  • 頭字語の中には、一般的な単語の綴りだが、異なる意味で用いられるものがある。例えば、"JAWS" は "Job Access with Speech" というスクリーンリーダーの頭字語である。それはまた、歯を保持する口の一部を指す一般的な英語の単語である。頭字語は、一般的な単語とは異なって用いられている。

  • 頭字語の中には、一般的な単語と同じように発音するが、綴りが異なるものもある。例えば、Synchronized Multimedia Integration Language の頭字語である S M I L は、英語の単語 "smile" のように発音する。

また、視覚障害のある次のような利用者にも役立つ:

  • 画面拡大ソフトで拡大していて前後の文脈を見失っている。

達成基準 3.1.4 の事例

  • コンテンツ中で初めて使用されているところで元の語句が提供されている略語

    "World Wide Web Consortium" という名前が、組織のウェブページの最初の見出しとして表示されている。略語の "W3C" が、同じ見出しに括弧で囲まれている。

  • 辞書検索フォーム

    ウェブサイトには、オンライン頭字語サービスによって提供される検索フォームが含まれている。利用者が頭字語を入力すると、フォームは検索した情報源から展開可能なリストが返される。

  • 医療系ウェブサイト

    医療のウェブサイトは、医者と患者の両方に情報を提供している。そのサイトには、カスケード表示の辞書のセットが含まれている。とても専門的な医学辞書が最初にあり、一般向けの医学辞書が二番目に続いている。カスケード表示には、サイト固有の頭字語及び略語のリストも含まれ、最後に標準的な辞書もある。リストの最後にある標準的な辞書は、テキストにあるほとんどの単語の定義を提供している。専門的な医学辞書は、一般的ではない医学用語の定義をもたらしている。複数の辞書に現れる単語の定義は、カスケード表示の順序で一覧にされる。頭字語及び略語の意味は、頭字語及び略語の一覧によって提供される。

  • 略語の元の語句

    それぞれの略語の元の語句は、プログラムによる解釈が可能な方法で利用可能である。テキストを読み上げるユーザエージェントは、略語を知らせるために元の語句を用いることができる。その他のユーザエージェントは、略語のツールチップ又は状況に応じたヘルプとして利用できる元の語句となるかもしれない。

関連リソース

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

  • Acronym finder - このサイトでは、頭字語の完全一致検索、前方一致検索、ワイルドカード検索、逆引きを行うことができる。

  • Abbreviations.com

達成基準 3.1.4 の達成方法及び失敗例 - 略語

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 略語がそのウェブページ内で一つの意味しか持たない場合:
  1. ウェブページ上で略語の初出時に、以下のいずれかの方法で G102: 略語の元の語又は説明を提供する:

  2. 以下のいずれかの方法を用いて、その略語がウェブページ上に出現する度に G102: 略語の元の語又は説明を提供する:

状況 B: 略語が同じウェブページで異なるものを意味している場合:
  1. 以下のいずれかの方法を用いて、その略語がウェブページ上に出現する度に G102: 略語の元の語又は説明を提供する:

3.1.4 でさらに対応が望まれる達成方法 (参考)

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

  • そのウェブページ上で一意な略語を用いる(リンク追加予定)

  • 利用者が略語を認識しやすいような視覚的フォーマットを用いる(リンク追加予定)

  • 音声読み上げ機能がある辞書の利用を可能にし、表示された文字情報を復号化することが困難な利用者を支援する(リンク追加予定)

  • 音声で検索できる辞書を提供し、キーボードの操作や単語を綴ることが難しい利用者が発声することで言葉の意味を検索できるようにする(リンク追加予定)

達成基準 3.1.4 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.1.4 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。

略語 (abbreviation)

単語、語句、又は名称の短縮形で、その略語が言語の一部になっていないもの。

注記 1: これは、頭文字語及び頭字語を含む:

  1. 頭文字語は、その名称あるいは語句に含まれる単語や音節の頭文字による、名称あるいは語句の短縮形である。

    注記 1: すべての言語で定義されているわけではない。

    事例 1: SNCFは、フランス語の頭文字語で、フランス国有鉄道の "Societe Nationale des Chemins de Fer "の頭文字を含んでいる。

    事例 2: ESPは、"extrasensory perception"の頭文字語である。

  2. 頭字語 は、 (名称や語句の中の) 頭文字あるいは他の単語の一部から作られた省略形で、一つの単語のように発音されることがあるものである。

    事例: NOAAは、米国の "National Oceanic and Atmospheric Administration" の頭文字による頭字語である。

注記 2: 頭文字語だったものを社名として採用している会社がある。そのような場合、その会社の新しい社名はその文字列であるにすぎず (例: Ecma)、その単語はもはや略語とは考えられない。


読解レベル:
達成基準 3.1.5 を理解する

3.1.5 読解レベル: 固有名詞や題名を取り除いた状態で、テキストが前期中等教育レベルを超えた読解力を必要とする場合は、補足コンテンツ又は前期中等教育レベルを超えた読解力を必要としない版が利用できる。 (レベル AAA)

この達成基準の意図

コンテンツは、可能な限り明快かつ簡潔に書かれているべきである。この達成基準の意図は以下の通りである:

  • 難解又は複雑なテキストの理解を支援する追加コンテンツが利用できることを保証すること。

  • そのような追加コンテンツがいつ必要になるかを示すテスト可能な基準を保証すること。

この達成基準は、コンテンツ制作者が難解又は複雑なウェブコンテンツを公開できるようにしながらも、読字障害のある利用者の手助けとなる。テキストの難しさは、テキストを読むのに必要とされる教育の水準という観点から説明されている。教育レベルは、教育システム間を国際的に比較できるようにするために作成された国際標準教育分類 [UNESCO] に従って定義している。

難解又は複雑なテキストは、想定した利用者層のほとんどのメンバー (つまり、コンテンツを作成したほとんどの人) に対しては適切なこともある。しかし、その分野の専門的な知識を持つ高い教育を受けた利用者の間にも、読字障害を含めて、障害のある利用者がいる。テキストをより読みやすくすることで、そうした利用者にも対処させることが可能である。テキストをより読みやすくすることができない場合には、補足的なコンテンツが必要となる。補足的なコンテンツは、前期中等教育レベル、つまり、9 年以上の学校教育以上のより高度な読解力を要求する場合に求められる。このようなテキストは、読字障害のある利用者にとって重大な障害となり、後期中等教育を修了した障害のない利用者にとっても難解であると考えられている。

ディスレクシアなどの読字障害は、書かれた又は印刷された単語を認識し正しい音に関連づけることを、困難にする。これは、テキストの「復号」と呼ばれる。人々が流暢に読むために、復号は自動的に行われなければならない。単語ごとにテキストを復号する行為は、ほとんどの人にとって、彼らが読んでいるものを理解するために使うことのできる、精神的なエネルギーをひどく消費する。短いか、一般的な単語か、短い文章を使っているテキストは容易に復号でき、通常、長い文章及び、長い又は馴染みのない単語を使ったテキストよりも、高度な読解力を必要としない。

テキストのコンテンツを読むのに必要な教育レベル (リーダビリティ (readability) とも呼ばれる) は、ウェブページからテキストの選択された部分を解析することで測定される。ウェブページに異なる目的で書かれた又は異なるスタイルを用いたテキストが含まれている場合、選択された部分は、ウェブページにあるコンテンツの種類及びそのコンテンツが書かれている異なるスタイルのサンプルを含める。(多くの場合、ウェブページには、例えば、技術的な文書、法律上の表示、マーケティング素材など、一つの種類のテキストコンテンツのみが含まれ、そして、すべてのコンテンツは同じスタイルを用いている)。

教育者は、テキストコンテンツを読むのに必要とされる教育レベルを測定することもできる。例えば、資格のある教師は、前期中等教育の最終学年の生徒に要求される以上の読解力を必要とするかどうかを判断するために、ローカルの教育標準に従って文章を評価することができる。

人名、都市名、又はその他の固有名詞は、短い音節で短い名前に変更することはできず、そして、そうすることや代名詞によって全てを参照することは文章を理解しづらくする恐れがあるため、この達成基準は、読解力の要件を満たしているかどうかを検証する前に、固有名詞をテキストから無視又は取り除くことができると述べられている。タイトルは、文書、書籍、映画などの名前を指している。タイトルにある文言を変更すると、読みやすくなるが、タイトルが参照しているアイテムを理解できなくなる可能性があるため、分析する際にタイトルを削除するか無視される。これにより、コンテンツを読み理解することが難しくなる。(例えば、書籍、学術論文、記事など)。したがって、タイトルも明確に免除される。

ウェブページに複数の言語が含まれているとき、リーダビリティの結果は、コンテンツの少なくとも 5%を占めていて、全文又は段落全体で使われている各言語ごとに算出すべきである (個々の単語又は語句だけというのは除く)。ページ全体のリーダビリティは、最も悪い結果をもたらす言語で判断するべきである。

コンテンツのリーダビリティは、選択した節にリーダビリティの計算式を適用することによっても判断してもよい。(すべてではないが) 多くのリーダビリティの計算式は、100 単語の節に基いて計算されている。そのような計算式は、多くの言語に対して開発された。その節にある単語の数を数え、単語の長さを音節の数又は文字数のいずれかを数えることによって判断される。ほとんどのリーダビリティの計算式は、文の長さと数も数える。コンテンツの単語及び文の平均的な長さを用いて、リーダビリティのスコアを算出している (日本語のような言語では、同じ節の中に複数のスクリプトが含まれていることがある。このような言語のリーダビリティの計算式は、計算式に「連続」の数及び長さを用いてもよい)。計算結果は、数字 (例えば、0〜100 の範囲) 又は学年で提示される。これらの結果は、国際標準教育分類に記載されている教育レベルを用いて評価することができる。このエンジンのオプションで、文書のチェックが終了したときに統計を取得するように指定した場合、一般的なソフトウェアでスペルチェック機能を実行したとき、少なくともいくつかの言語でリーダビリティの計算式が利用できる。

教育レベル
初等教育前期中等教育後期中等教育高等教育
学校教育の最初の 6 年学校教育の 7〜9 年目学校教育の 10〜12 年目13 年目以降の学校教育

出典: 国際標準教育分類 [UNESCO]

注記: Open Society Mental Health Initiative によれば、読みやすさの概念は万国共通ではなく、読み書きと理解に問題を抱えたすべての人の能力に合致するテキストを書くことはできないだろうといわれている。適切で明瞭かつで簡単な言葉を用いることが非常に望ましいが、WCAG ワーキンググループは、それが達成されているかどうかを検証する方法を見つけることができなかった。読解レベルの使用は、明快な文章を推奨する達成基準にテスト可能性を導入する方法である。補足的なコンテンツは、認知障害のいくつかのクラスのある人々のための、効果的な達成方法となる。

達成基準 3.1.5 の具体的なメリット

この達成基準は、次のような利用者にメリットがある:

  • 一般的な知識又は特定の情報を得る目的で、書き言葉 (例: テキストあるいは点字の記事、説明文、又は新聞記事) を理解して解釈するのが困難である。

達成基準 3.1.5 の事例

  1. 複雑な研究記事の読みやすい要約がある科学雑誌

    科学雑誌には、その分野の専門家を対象とした、高度な専門用語で書かれた記事が含まれている。雑誌の目次ページには、各記事の平易な言葉の要約が含まれている。要約は、8 年間の学校教育を受けた一般的な読者を想定している。雑誌のメタデータは、「高等教育」を記事の想定している読者の教育レベル、そして「前期中等教育」を要約の想定している読者の教育レベルを示すために、Dublin Core (ダブリンコア) 仕様を用いている。

  2. 一般会員向けの医療情報

    医科大学は、最近の医学的及び科学的発見を説明するウェブサイトを運営している。サイトの記事は、医学訓練をしていない人向けに書かれている。各記事では、「前期中等教育」を想定している読者の教育レベルと示すために、Dublin Core (ダブリンコア) のメタデータの仕様を用いて、そして、記事の Flesch Reading Ease のスコアを含んでいる。各ページのリンクは、教育レベル及びその他のメタデータを表示する。前期中等教育レベルの読者は記事を読むことができるので、補足的コンテンツは必要ない。

  3. e ラーニングアプリケーション

    スペインの文化史に関するオンラインコースには、ムーア建築の単元が含まれている。単元には、読解力の異なる生徒のために書かれたテキストが含まれている。建築物の写真や画は、建築のコンセプト及び様式を解説している。グラフィックオーガナイザーは複雑な関係性を解説するために用いられ、合成音声を用いた音声バージョンが利用できる。各バージョンのメタデータは、コンテンツの教育レベルを記述し、スペイン語のテキスト用に開発された計算式に基づいたリーダビリティのスコアを含んでいる。ラーニングアプリケーションは、このメタデータ及び生徒に関するメタデータを用いて、個々の生徒のニーズに合った教材コンテンツのバージョンを提供する。

  4. 前期中等教育レベルの読解力を要する科学情報

    次のテキスト (合計 116 ワード) は、Flesch-Kincaid 式に従って、米国ではグレード 4.2 の読解力が必要である。米国では、グレード 4.2 は初等教育レベルである。

    Science is about testing ? and about looking closely. Some scientists use microscopes to take a close look. We're going to use a simple piece of paper.

    Here's what you do: Print this page and cut out the square to make a "window" one inch square. (It's easiest to fold the page in half before you cut.)

    Choose something interesting: a tree trunk, a leaf, flower, the soil surface, or a slice of soil from a shovel.

    Put your window over the thing and look at it closely. Take your time ? this is not a race.

    To help you see more details, draw a picture of what's inside your square.

    Now let's think about what you've found.

    (出典: Howard Hughes Medical Institute"CoolScience for Kids" Project)

関連リソース

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

達成基準 3.1.5 の達成方法及び失敗例 - 読解レベル

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

達成基準を満たすことのできる達成方法

  1. G86: 前期中等教育レベルの読解力をもつ人が理解できるテキストの要約を提供する

  2. G103: アイデア、イベント及びプロセスを説明するのに役立つ、視覚的なイラスト、写真及びシンボルを提供する

  3. G79: テキストの音声バージョンを提供する

  4. G153: テキストを読みやすくする

  5. G160: コンテンツを利用するために理解が不可欠な情報、アイデア及びプロセスの手話バージョンを提供する

注記: サイトによっては、さまざまな方法でこの達成基準で対処してもよい。コンテンツの音声バージョンは、一部の利用者に有用かもしれない。聴覚障害のある利用者にとっては、手話が彼らの第一言語であることもあるので、書き言葉のバージョンよりもページの手話バージョンのほうが理解しやすいかもしれない。一部のサイトは、両方又はその他の組み合わせを行うことを決定するかもしれない。問題を抱えるすべての利用者に役立つ技術はない。そのため、サイトをよりアクセシブルにしようとしているコンテンツ制作者のために、達成基準として、様々な達成方法が提供される。上にある全ての番号の付いた達成方法又は組み合わせは、特定のサイトで用いることができ、ワーキンググループでは十分とみなされている。

3.1.5 でさらに対応が望まれる達成方法 (参考)

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

  • 前期中等教育レベルよりも進んでいない読解力を求めるナビゲーション及びランディングページのテキストを提供する (リンク追加予定)

  • 前期中等教育レベルの読解力を求めるサイト内のページを提供する (リンク追加予定)

  • メタデータにコンテンツの概要を含める (リンク追加予定)

  • コンテンツに適した最も明解で平易な表現を使用する (リンク追加予定)

  • 主要コンテンツに補足的なコンテンツを関連づけるためにRDFを用いる (リンク追加予定)

  • サイトのホームページに明確な表現の画像を提供する (リンク追加予定)

  • テキストやアイコンを用いて、読みやすいように最適化されたコンテンツを、明示的にマーキングする (リンク追加予定)

  • 冗長な単語を含まない文、すなわち文の意味を変えない単語を用いる (リンク追加予定)

  • 二つ以下の接続詞を含む文を用いる (リンク追加予定)

  • 中等教育で一般的に容認されている長さを超えない文を用いる (注記: 英語では 25 ワードである) (リンク追加予定)

  • 文の意味を変えずに、より一般的に使用される単語で置き換えることができる複雑な単語や語句を含まない文を用いる (リンク追加予定)

  • 異なるテキストの章や節の概要を提供する (リンク追加予定)

  • 異なる読解レベルに代替コンテンツを関連づけるためにメタデータを用いる (リンク追加予定)

  • テキストコンテンツとテキスト、グラフィック、音声版の補足的コンテンツを関連づけるためにダブリンコアのアクセシビリティ要素を用いる (リンク追加予定)

  • テキストコンテンツとテキスト、グラフィック、音声版の補足的コンテンツを関連づけるために ISO AfA のアクセシビリティ要素を用いる (リンク追加予定)

  • テキストコンテンツとテキスト、グラフィック、音声版の補足的コンテンツを関連づけるために IMS のアクセシビリティ要素を用いる (リンク追加予定)

  • メタデータを利用者に見えるようにする (リンク追加予定)

    • 事例: 新しい科学的発見に関する高等レベルの記事の初等レベル以下及び初等レベルの版への URI をメタデータとして提供する

  • サイトとページのコンテンツに漸進的な複雑性を提供する (リンク追加予定)

達成基準 3.1.5 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.1.5 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

前期中等教育レベル (lower secondary education level)

6年間の学校教育卒業の後に始まり、初等教育の開始から9年後に終わる、2年、又は3年の教育期間。

注記: この定義は、"International Standard Classification of Education" [UNESCO]に基づいている。

補足コンテンツ (supplemental content)

元のコンテンツを説明、又はより明確にするために付加されたコンテンツ

事例 1: ウェブページの音声版。

事例 2: 複雑なプロセスを示したイラスト。

事例 3: 調査研究でなされた主要な成果及び提言を要約する段落。


発音:
達成基準 3.1.6 を理解する

3.1.6 発音: 文脈において、発音が分からないと単語の意味が不明瞭になる場合、その単語の明確な発音を特定するメカニズムが利用できる。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、意味が発音に依存する場合のコンテンツを理解するために全盲の利用者、ロービジョンの利用者、及び読字障害のある利用者を支援することである。多くの場合、単語や文字は異なる意味を持ち、それぞれ独自の発音をする。そのような単語又は文字の意味は、文の前後の文脈から通常は決定される。しかし、より複雑又は曖昧な文章、いくつかの言語においては、発音を知らないと、その単語の意味を容易に決定できない又は全く決定できないことがある。文を音読やスクリーンリーダーによって間違った発音で単語を読むと、視覚的に読むよりも理解するのがさらに難しくなる可能性がある。発音が分からない限り、単語が曖昧又ははっきりしない場合は、発音を判断する手段を提供する必要がある。

たとえば、英語の同形異音異義語の "desert" (見捨てる) と"desert" (砂漠) のように、スペルは同じでも発音と意味が異なる単語がある。適切な発音を文の文脈から決定できる場合は、何も必要とされない。それができない場合は、適切な発音を決定するための何らかの仕組みが必要になる。さらに、一部の言語は、特定の文字が異なる方法で発音されることがある。例えば、日本語では、複数の発音を持つ漢字のような文字がある。スクリーンリーダーは、発音に関する情報がないと、文字を間違って話すことがある。間違って読むと、コンテンツは利用者にとって意味をなさなくなるだろう。

達成基準 3.1.6 の具体的なメリット

この達成基準は、次のような利用者にメリットがある:

  • 単語を復号化しづらい。

  • 前後の文脈を用いて理解するのが困難である。

  • 音声で読み上げる支援技術を使用している。

達成基準 3.1.6 の事例

  • 人名の読み方を提供

    日本語のウェブコンテンツは、人名の発音を表している、漢字の後に書かれた仮名を提供する。仮名は、単語の直後にかっこで括弧書きで提供される。漢字で書かれた単語を読むことで、目の見える利用者とスクリーンリーダーの両方が、その語句を正しく読み/発音することができる。ただし、スクリーンリーダーは、単語を 2 回読むことになる。誤った発音が可能な漢字を先に読み、正しい読みを提供するために仮名が読み上げられる。

  • ruby 要素で読み仮名を提供

    XHTML 1.1 を用いているウェブコンテンツは、ruby 要素を用いることによって、単語の読み (発音) を示すために文字の上に仮名を提供する。

  • 発音の音声ファイルを提供

    文書には、正しい発音を知らないと、その意味を判断できない単語が含まれている。それぞれの単語は、正しい発音を提供する音声ファイルにリンクされている。利用者は、単語の発音の仕方を調べるために、リンクを選択することができる。

  • 用語集で発音の情報を提供

    ウェブページに用語集の章が含まれている。用語集の一部の項目には、定義だけでなく発音情報も含まれている。発音を知らないと意味が分からない内容の単語は、用語集の適切な項目にリンクされている。

  • いくつかの言語で共通の文字だが、発音は言語によって異なる文字の発音に関する情報があるテキスト

    日本のある大学のウェブサイトに、中国語及び韓国語の学術的なテキストから引用されたいくつかの短い節が含まれている。引用は、日本語のテキストと同じ文字を用いて書かれている。中国語及び韓国語の文字の正しい発音を示すために、発音の情報が提供されている。

注記: 日本語では、「発音」というよりも「読み仮名」を示すために ruby 要素を用いる。

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.1.6 の達成方法及び失敗例 - 発音

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

達成基準を満たすことのできる達成方法

  1. G120: 単語の直後に発音 (読み) を提供する

  2. G121: 発音 (読み) にリンクする

  3. そのコンテンツ特有の発音があったり、発音で意味が変わるような単語の発音に関する情報を含む G62: 用語集を提供する

  4. G163: オフにすることが可能な標準的な発音区別符号を使用する

  5. H62: ruby 要素を使用する (HTML) (XHTML 1.1)

3.1.6 でさらに対応が望まれる達成方法 (参考)

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

  • 利用者が単語の発音を聴くことができるように、音声ファイルで発音を提供する (リンク追加予定)

  • テキストコンテンツにあるすべての外国語の発音を検索するためのメカニズムを提供する (リンク追加予定)

  • テキストコンテンツにあるそれぞれの単語又は語句の発音を決定づけるメカニズムを提供する (リンク追加予定)

達成基準 3.1.6 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.1.6 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。


予測可能:
ガイドライン 3.2 を理解する

ガイドライン 3.2: ウェブページの表示や挙動を予測可能にすること。

ガイドライン 3.2 の意図

このガイドラインの意図は、ウェブページからウェブページへの予測可能なコンテンツの順序を提示することによって、及び機能的でインタラクティブなコンポーネントの動作を予測可能にすることによって、障害のある利用者を支援することである。利用者がウェブページ全体の概観を把握するのが困難なことがある。例えば、スクリーンリーダーは、合成音声の 1 次元のストリームとしてコンテンツを提示するため、空間的な関係性を理解しづらくする。認知能力が低下した利用者は、コンポーネントがページによって異なる場所に表示される場合に混乱することがある。

例えば、画面拡大ソフトを使用している利用者は、ある時点で画面の一部分だけしか見ていない。一貫性のあるレイアウトによって、ナビゲーションバーやその他のコンポーネントが見つけやすくなる。ウェブページ一式の中で、繰り返し用いられるコンポーネントを同じ相対的順序で配置することにより、読字障害のある利用者が、各リンクのテキストをデコードするのに追加の時間を費やすことなく、画面のある領域に集中することを可能にする。手を十分に使えない利用者は、最少のキーストロークでタスクを完了できる方法をより容易に見つけ出すことができる。

ガイドライン 3.2 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • ラベルを配置することで、関係性を予測できる可能性を最大限に高める

フォーカス時:
達成基準 3.2.1 を理解する

3.2.1 フォーカス時: いずれのコンポーネントも、フォーカスを受け取ったときに コンテキストの変化を引き起こさない。 (レベル A)

この達成基準の意図

この達成基準の意図は、訪問者がドキュメント内をナビゲートする際に、機能が予測可能であることを保証することである。フォーカスを受け取ったときにイベントを起動することのできるすべてのコンポーネントは、コンテキストを変化させてはならない。コンポーネントがフォーカスを受け取ったときにコンテキストを変更する例には、次のものがあるが、これに限定されない:

  • コンポーネントがフォーカスを受け取るときにフォームが自動的に送信される。

  • コンポーネントがフォーカスを受け取るときに新しいウィンドウを開く。

  • コンポーネントがフォーカスを受け取るときにフォーカスが別のコンポーネントに変更される。

フォーカスはキーボード操作 (例: コントロールにタブ移動する) 又はマウス操作 (例: テキストフィールドをクリックする) のいずれかを介してコントロールに移動させてもよい。スクリプトがこの動作を実装しない限り、コントロール上にマウスを移動しても、フォーカスは移動しない。順番にコンテキストの変更を開始することのある一部の種類のコントロールでは、コントロールをクリックするとそのコントロール (例: ボタン) もアクティブにする場合があることに注意されたい。

注記: ここでの "コンポーネント" が意味するものは "ユーザインタフェース 要素" や "ユーザインタフェース コンポーネント" と呼ばれる。

達成基準 3.2.1 の具体的なメリット

  • この達成基準は、コンテキストの変化が予期せず起こる可能性を少なくすることによって、視覚障害、認知能力の低下、及び運動障害のある利用者に役立つ。

達成基準 3.2.1 の事例

  • 事例 1: ドロップダウンメニュー

    ページ上にあるドロップダウンメニューによって、利用者はジャンプ先を選択できる。その人がキーボードを用いて選択肢に移動し、それを (スペースキー又は Enter キーで) 実行すると、新しいページにジャンプする。しかし、その人が選択肢に移動して、Esc 又は Tab キーを押してプルダウンメニューから抜け出た場合には、フォーカスはドロップダウンから移動するので、新しいページにジャンプしない。

  • 失敗例: ヘルプのダイアログ

    フィールドがフォーカスを受け取ると、フィールドを説明し、オプションを提供するヘルプのダイアログウィンドウが開く。キーボードの利用者がウェブページの中をタブ移動すると、ダイアログが開いて、利用者がフィールドを過ぎてタブを移動しようとするたびにコントロールからキーボード フォーカスが離れる。

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.2.1 の達成方法及び失敗例 - フォーカス時

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

達成基準を満たすことのできる達成方法

  1. G107: コンテキストの変化に対するトリガーとして、"focus" ではなく、"activate" を使用する

注記: コンテンツの変化が常にコンテキストの変化であるとは限らない。コンテンツの変化がコンテキストの変化ではない場合、この達成基準は自動的に満たされていることになる。

3.2.1 でさらに対応が望まれる達成方法 (参考)

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

重要な用語

コンテキストの変化 (changes of context)

ウェブページのコンテンツにおける大きな変化で、利用者が気づかないと、ウェブページ全体を一度に見ることのできない利用者を混乱させる恐れのあるもの。

コンテキストの変化には次に挙げるものの変化が含まれる:

  1. ユーザエージェント

  2. ビューポート

  3. フォーカス

  4. ウェブページの意味を変えるコンテンツ

注記: コンテンツの変化が、必ずコンテキストの変化になるとはかぎらない。アウトラインの展開、動的なメニュー、又はタブの切替などのコンテンツの変化は、それが上記のいずれか (例: フォーカス) を変更しないかぎり、コンテキストを変化させるとは限らない。

事例: 新しいウィンドウを開くこと、フォーカスを異なるコンポーネントへ移動させること、新しいウェブページへ移動すること (新しいウェブページへ移動したかのように思わせてしまうことも含む)、又はウェブページの内容を大きく再配置することなどは、コンテキストの変化の事例である。


入力時:
達成基準 3.2.2 を理解する

3.2.2 入力時: ユーザインタフェース コンポーネント の設定を変更することが、コンテキストの変化を自動的に引き起こさない。ただし、利用者が使用する前にその挙動を知らせてある場合を除く。 (レベル A)

この達成基準の意図

この達成基準の意図は、データ入力又はフォームコントロールの選択の結果を予測可能にすることである。ユーザインタフェース要素の設定を変更すると、コントロールの状態を変化させ、その状態は利用者がそのユーザインタフェース要素とのやりとりを終了した後も持続する。つまり、チェックボックスを選択する、テキストフィールドにテキストを入力する、又はリストコントロールのオプションを選択すると、コンポーネントの設定を変更するが、リンク又はボタンを動作させるときはそうはならない。コンテキストの変化は、その変化を知覚しづらい利用者、又は変化によって気を取られやすい利用者を混乱させてしまう恐れがある。コンテキストの変化が起こってもよいのは、そのような変化が利用者の操作に反応して起こることが明らかなときだけである。

注記: この達成基準は、コントロールの設定を変更することによるコンテキストの変化をカバーする。リンク又はタブ コントロール内のタブのクリックすると、コントロールの設定を変更せずに、コントロールがアクティブになる。

注記: ここでいう”コンポーネント”及び”ユーザインタフェース コンポーネント”は”ユーザインタフェース要素”とも呼ばれる。

達成基準 3.2.2 の具体的なメリット

  • この達成基準は、インタラクティブなコンテンツを、より予測可能にすることによって、障害のある利用者に役立つ。予期しないコンテキストの変化によって、視覚障害又は認知的限界のある利用者はとても混乱してしまう可能性があり、コンテンツを利用できなくなる。

  • コンテキストの変化に気づくことができない人は、サイトをナビゲートしている間に混乱した状態になりにくい。例えば:

    • 全盲又はロービジョンの人は、新しいウィンドウがポップアップするなど、視覚的なコンテキストの変化が発生したことを知るのが困難なことがある。この場合、事前にコンテキストの変更を利用者に警告しておくと、戻るボタンがもはや予想どおりに動作しないことを発見したときに利用者の混乱を最小限に抑える。

  • ロービジョン、読字及び知的障害のある人、そして視覚的な手がかりの解釈が困難な人は、コンテキストの変化を知るために、追加の手がかかりから得るだろう。

達成基準 3.2.2 の事例

  • フォームは、ウェブベースのカレンダー及びスケジュール管理アプリケーションに、カレンダーのエントリーを作成するために提供されている。件名、時刻、場所の標準的なフィールドに加えて、作成するカレンダーのエントリーの種類を選択するラジオボタン一式がある。カレンダーのエントリの種類は、会議、アポイントメント又はリマインダにできる。利用者が会議のラジオボタンを選択すると、会議の参加者を入力する追加のフィールドがページに表示される。リマインダのボタンを選択した場合、異なるフィールドが表示される。エントリーの部分だけが変化し、全体の構造は同じままなので、基本的なコンテキストは利用者のために留まる。

  • フォームは、米国の電話番号を表すフィールドを含んでいる。すべての電話番号には、3 桁のエリアコード (市外局番) があり、続いて 3 桁の局番、最後に 4 桁の番号があり、それぞれの番号は別々のフィールドに入力される。利用者があるフィールドの入力を完了すると、フォーカスは自動的に電話番号の次のフィールドへ移動する。この電話フィールドのふるまいは、フォームの先頭で利用者に対して説明されている。

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.2.2 の達成方法及び失敗例 - 入力時

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

3.2.2 でさらに対応が望まれる達成方法 (参考)

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

重要な用語

コンテキストの変化 (changes of context)

ウェブページのコンテンツにおける大きな変化で、利用者が気づかないと、ウェブページ全体を一度に見ることのできない利用者を混乱させる恐れのあるもの。

コンテキストの変化には次に挙げるものの変化が含まれる:

  1. ユーザエージェント

  2. ビューポート

  3. フォーカス

  4. ウェブページの意味を変えるコンテンツ

注記: コンテンツの変化が、必ずコンテキストの変化になるとはかぎらない。アウトラインの展開、動的なメニュー、又はタブの切替などのコンテンツの変化は、それが上記のいずれか (例: フォーカス) を変更しないかぎり、コンテキストを変化させるとは限らない。

事例: 新しいウィンドウを開くこと、フォーカスを異なるコンポーネントへ移動させること、新しいウェブページへ移動すること (新しいウェブページへ移動したかのように思わせてしまうことも含む)、又はウェブページの内容を大きく再配置することなどは、コンテキストの変化の事例である。

ユーザインタフェース コンポーネント (user interface component)

コンテンツの一部分で、特定の機能を実現するための単一のコントロールとして利用者が知覚するもの。

注記 1: 複数のユーザインタフェース コンポーネントが、単一のプログラム要素で実装されることもある。ここでいうコンポーネントは、プログラムの手法と結びついたものではなく、利用者が別々のコントロールとして知覚するものを指す。

注記 2: ユーザインタフェース コンポーネントには、フォーム要素、リンクだけでなく、スクリプトで生成されるコンポーネントが含まれる。

事例: アプレットには、コンテンツ内を行単位、ページ単位、又はランダムアクセスで移動するために用いられる「コントロール」がある。これらには、いずれも名前 (name) を割り当て、個別に設定できるようにする必要があるため、それぞれが「ユーザインタフェース コンポーネント」となる。


一貫したナビゲーション:
達成基準 3.2.3 を理解する

3.2.3 一貫したナビゲーション: ウェブページ一式の中にある複数のウェブページ上で繰り返されているナビゲーションのメカニズムは、繰り返されるたびに相対的に同じ順序で出現する。ただし、利用者が変更した場合は除く。 (レベル AA)

この達成基準の意図

この達成基準の意図は、ウェブページ一式の中で繰り返されるコンテンツと情報のやりとりをし、特定の情報又は機能を複数回にわたって探す必要がある利用者のために、一貫した提示及びレイアウトの使用を促進することである。一度に画面のごく一部を表示する画面拡大ソフトを使用しているロービジョンの人は、繰り返されるコンテンツの位置を素早く探すために、しばしば視覚的な手がかり及びページの境界線を用いる。同じ順序で繰り返されるコンテンツを提示することは、繰り返されるコンテンツを探すためにデザイン内の空間記憶又は視覚的な手がかりを用いる使用する画面を見ている利用者にとっても重要である。

このセクションの「同じ順序」という語句の使用は、サブナビゲーションメニューを使用できないことや、補助ナビゲーションのブロック又はページ構造を使用できないことを意味しないということが重要である。代わりに、この達成基準は、ウェブページ全体にわたって繰り返されるコンテンツとやりとりする利用者が、探しているコンテンツの位置を予測できるようにし、再度発生したときにより素早く見つけることができるよう支援することを意図している。

利用者は、適応したユーザーエージェントを用いる、又は情報が利用者にとって最も有用な方法で表示されるようにプリファレンスを設定することによって、順序を変更をするかもしれない。

達成基準 3.2.3 の具体的なメリット

  • 繰り返されるコンポーネントが、サイトの各ページにおいて同じ順序で存在することを保証することで、利用者が各ページのどこにあるのかを予測できることを助ける。これは、認知的限界のある利用者、ロービジョンの利用者、知的障害のある利用者に加えて、全盲の利用者に役立つ。

達成基準 3.2.3 の事例

  • 一貫して配置されているコントロール

    検索のフィールドは、サイトにあるすべてのウェブページ上の最後の項目である。利用者は検索機能をすぐに見つけることができる。

  • 展開するナビゲーションメニュー

    ナビゲーションメニューは、サイトの主要なセクションへのリンクを持つ七つの項目のリストを含んでいる。利用者がこれらの項目の一つを選択すると、サブナビゲーション項目のリストが、トップレベルのナビゲーションメニューに挿入される。

  • 一貫して配置されているスキップナビゲーションのコントロール

    ウェブサイトにあるすべてのページ上に、「本文へジャンプする」というリンクが一番最初のリンクとして配置されている。そのリンクによって、利用者はヘッダーの情報及びナビゲーション部分をスキップして、ページのメインコンテンツ部分の開始位置へ移動することができる。

  • ナビゲーションへのスキップリンク

    ナビゲーション部分は一貫して各ページの最後にある。キーボード利用者が、必要なときに容易に見つけられるように、「ナビゲーションへジャンプする」というリンクは一貫して各ページの先頭にある。

関連リソース

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

達成基準 3.2.3 の達成方法及び失敗例 - 一貫したナビゲーション

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

3.2.3 でさらに対応が望まれる達成方法 (参考)

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

達成基準 3.2.3 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.2.3 の失敗例とみなした、よくある間違いである。

重要な用語

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

ウェブページ一式 (set of Web pages)

共通の目的を共有し、同じコンテンツ制作者、グループ、又は組織により制作されたウェブページの集合。

注記: 他言語版は、異なるウェブページ一式と見なされることもある。

相対的に同じ順序 (same relative order)

他の項目との相対位置が同じ。

注記: 当初の順序に対して、別の項目が挿入、又は削除されていたとしても、項目は相対的に同じ順序になっていると考えられる。例えば、展開するナビゲーションメニューに詳細な追加階層が挿入される、又は、読みの順序の途中に副次的なナビゲーション部分が挿入されることがある。


一貫した識別性:
達成基準 3.2.4 を理解する

3.2.4 一貫した識別性: ウェブページ一式の中で同じ機能を有するコンポーネントは、一貫して識別できる。 (レベル AA)

この達成基準の意図

この達成基準の意図は、ウェブページ一式で繰り返して表示される機能的なコンポーネントを一貫して識別できるようにすることである。ウェブサイトを操作する際にスクリーンリーダーを使用している利用者は、複数のウェブページで使われている機能に馴染みがあるかどうかに大きく依存している。全く同じ機能が、複数のウェブページ毎に異なるラベルを付けられている場合、そのウェブサイトはかなり使いづらいものになってしまう。それは、認知的限界のある人々に混乱をもたらし、認知的負荷を増大させてしまうことがある。したがって、一貫したラベルが役立つ。

この一貫性は、テキストによる代替にも及ぶ。アイコン又はその他の非テキスト項目が同じ機能を持つ場合、そのテキストによる代替も同様に一貫性をもたせることが望ましい。

ウェブページ一式の中で、もしウェブページに二つコンポーネントがあり、そのどちらも別のページにあるコンポーネントと同じ機能を持っているのであれば、三つのコンポーネントは一貫していなければならない。よって、同じページにある二つのコンポーネントは一貫していることになる。

一つのウェブページにおいて一貫性を持つことは望ましく、かつ最善の対応策だが、3.2.4 はウェブページ一式において 1 ページ以上何かが繰り返される場合の一貫性の対処である。

達成基準 3.2.4 の具体的なメリット

  • あるサイトのあるページで機能を学習した人は、それらが存在する場合、他のページで目的の機能を見つけることができる。

  • 非テキストコンテンツが同じ機能を持つコンポーネントを特定するために一貫した方法で使用されている場合、テキストを読むことや、テキストによる代替を見つけることが困難な人は、テキストによる代替を頼りにすることなくウェブとやり取りができる。

  • テキストによる代替を頼りにしている人は、より予測可能な体験ができるようになる。異なるページに一貫したラベルがある場合、そのコンポーネントを検索することもできる。

達成基準 3.2.4 の事例

  • 事例 1: 文書のアイコン

    文書のアイコンは、サイトの至る所で文書のダウンロードを示すために使用される。そのアイコンのテキストによる代替は、どれも「ダウンロード」という単語で始まっていて、その後に文書のタイトルの短縮形が続いている。異なる文書の異なるタイトルを示すために異なるテキストによる代替を用いることは、テキストによる代替の一貫した使用である。

  • 事例 2: チェックマーク

    チェックマークのアイコンは、あるページでは「承認済」として機能しているが、別のページでは「あり」として機能している。異なる意味で使われているので、異なるテキストによる代替を持っている。

  • 事例 3: 他のページへの一貫したリンクのラベル

    あるウェブサイトが、オンライン記事を発行している。各記事は複数のウェブページにわたっており、各ページには記事の最初のページ、次のページ、そして前のページへのリンクがある。もし、次のページへのリンクのラベルが、「ページ 2」、「ページ 3」、「ページ 4」などとなっていたとしても、ラベルは同一ではないが、一貫しているといえる。そのため、こういったラベルは、この達成基準の失敗例ではない。

  • 事例 4: 似たような機能のアイコン

    e コマース アプリケーションは、利用者が領収書又は請求書を印刷できること許可するプリンタのアイコンを使用している。アプリケーションのある部分では、プリンタのアイコンに「領収書を印刷」のラベルが付けられ、領収書を印刷するために使われており、さらに、他の部分に「請求書を印刷」のラベルが付けられ、請求書を印刷するために使われている。ラベルの付け方 (…を印刷) は一貫しているが、ラベルはアイコンの異なる機能を反映するために異なっている。そのため、この例はこの達成基準の不適合事例ではない。

  • 事例 5: 保存アイコン

    共通の「保存」アイコンは、複数のウェブページにページ保存機能が提供されているサイトから使用される。

  • 事例 6: アイコンと隣接した同じ目的地へのリンク

    代替テキストの記載されたアイコン及びテキストリンクが隣接して配置されており、かつリンク先は同じである。最善の対応策は、H2: 同じリソースに対して隣接する画像とテキストリンクを結合する (HTML) による通り、一つのリンクにグループ化することである。しかし、もし視覚的には上下に配置されているが、ソースでは独立している場合、これは不可能であるかもしれない。この達成基準を満たすには、これら二つのリンクテキストが、同一ではなくとも、一貫していれば良い。しかし、最善の対応策は、利用者が二つ目のリンクに遭遇した時、一つ目のリンクと同じリンク先に行くことが明確であるよう、同一のリンクテキストにすることである。

  • 事例 7: 失敗例

    あるウェブページにある「検索」ボタンと他のページにある「探す」ボタンは、どちらも用語を入力するためのフィールドがあり、送信された用語に関連するウェブサイト内のトピックを一覧表示する。この場合、ボタンは同じ機能を持っているが、ラベルに一貫性がない。

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.2.4 の達成方法及び失敗例 - 一貫した識別性

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

達成基準を満たすことのできる達成方法

  1. G197: 同じ機能を有するコンテンツに対して、一貫したラベル、名前 (name) 及びテキストによる代替を使用するかつ達成基準 1.1.1 を満たすことのできる達成方法かつ達成基準 4.1.2 を満たすことのできる達成方法に従ってラベル、名前 (name)、テキストによる代替を提供する。

注記 1: 「一貫した」テキストによる代替は、常に「同一」であるとは限らない。例えば、次のウェブページへリンクするウェブページの下部にあるグラフィカルな矢印があるとする。テキストによる代替は、「4 ページに移動」と言うかもしれない。当然ながら、次のウェブページでそのままこのテキストによる代替を繰り返すのは適切ではない。「5 ページに移動」と言う方がより適切であろう。これらのテキストによる代替は同一ではないが、一貫しており、この達成基準に適合しているといえる。

注記 2: 単一の非テキストコンテンツのアイテムが、異なる機能のために使われることがある。そのような場合、異なるテキストによる代替が必要であり、用いられるべきである。チェックマーク、クロスマーク、そして交通標識などのアイコンを使用する際によく見られる例である。それらの機能は、ウェブページの文脈によって異なる可能性がある。チェックマークのアイコンは、その状況に応じて、「承認済」、「完了」、又は「あり」という意味で使われることがある。すべてのウェブページを通じてテキストによる代替を「チェックマーク」として用いても、利用者がそのアイコンの機能を理解することができない。同一の非テキストコンテンツが複数の機能を果たしている場合は、異なるテキストによる代替を用いることができる。

3.2.4 でさらに対応が望まれる達成方法 (参考)

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

  • コンポーネントの機能及びそのコンポーネントを利用者が実行したときに何が起こるかが確実に分かるようなテキストによる代替を用いる (リンク追加予定)

  • 可能な限り、特定の機能を表す非テキストコンテンツは同じものにする (リンク追加予定)

達成基準 3.2.4 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.2.4 の失敗例とみなした、よくある間違いである。

重要な用語

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

同じ機能 (same functionality)

使うと同じ結果が得られること。

事例: あるウェブページ上にある "search" ボタンと他のウェブページ上にある "find" ボタンは、どちらもキーワードを入力するテキストフィールドがあり、そのウェブサイトにある入力されたキーワードに関係のあるコンテンツをリスト表示する。この場合、同じ機能を有しながらも、ラベルは一貫していないことになる。


要求による変化:
達成基準 3.2.5 を理解する

3.2.5 要求による変化: コンテキストの変化は利用者の要求によってだけ生じるか、又は、そのような変化を止めるメカニズムが利用できる。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、コンテキストの変化を利用者が完全に制御できるようなウェブコンテンツの設計を推奨することである。この達成基準は、自動的に開く新しいウィンドウ、リストから項目を選択すると自動的に送信されるフォームなどのように、予期しないコンテキストの変化によって混乱が引き起こされる可能性を取り除くことを狙いとしている。そのような予期しないコンテキストの変化により、運動障害のある人、ロービジョンの人、全盲の人、及び特定の認知能力の低下している人には困難が生じてしまう恐れがあるからである。

コンテキストの変化の中には、利用者を混乱させず、むしろ利用者に前向きな利益をもたらす種類のものもある。例えば、単一のスイッチの利用者は、システムによってアニメートされるコンテキストの変化に依存しているし、ロービジョンの利用者の好みは、一度にどれくらいのコンテンツを見ることができるか、どれくらいのセッション構造が作業記憶に残るかに依存している。スライドショーなどの、一部の種類のコンテンツは、意図したユーザエクスペリエンスを提供するために、コンテキストの変化を必要とする。利用者の設定が許可されている場合にのみ、自動的にコンテキストの変化を開始するコンテンツは、この達成基準に適合することができる。

注記: 複数のコンテキストの変化を同時に引き起こすことが可能である。例えば、自動的に新規ウィンドウが開くリンクをクリックするのは、コンテンツの変化に関連するコンテキストの変化であり、表示域(ウィンドウ)の変化に関連するコンテキストの変化でもある、2つに分かれた変化の一例である。この場合のコンテンツの変化は、利用者がリンクをクリックした時、彼らの要求によって開始されるが、新規ウィンドウが開くことに利用者が気づかない限り、コンテキストの変化は利用者が開始したとはみなせない。

達成基準 3.2.5 の具体的なメリット

  • コンテキストの変化を見つけることができない、又は状況が変化したことに気づかない利用者が、サイトをナビゲートしている間に混乱した状態になりにくい。例えば、次のような利用者が当てはまる:

    • 全盲の利用者、又はロービジョンの利用者は、新しいウィンドウがポップアップで開くなどのように、視覚的なコンテキストの変化がいつ起こるのかを把握するのが困難なことがある。この場合、前もって利用者にコンテキストの変化が起こることを知らせておくと、利用者が「戻る」ボタンがいつものように動作しないことに気づいたときの混乱を最小限に抑えることができる。

  • ロービジョンの利用者、読字及び知的障害のある利用者、そして視覚的な手がかりを解釈しづらい利用者は、コンテンツ制作者が手がかりを追加することによって、コンテキストの変化に気づくようになる。

  • ブラウザの代わりにウェブサーバーによって自動的なリダイレクトが実行されると、特定の認知制限を持つ人が混乱しないですむ。

達成基準 3.2.5 の事例

  • 「今、更新する」ボタン

    コンテンツを自動的に更新するかわりに、コンテンツ制作者は、コンテンツの更新を要求する「今、更新する」ボタンを提供している。

  • 自動リダイレクト

    利用者は、リダイレクトが起こったことに絶対気づかない方法で、古いページから新しいページへ自動的にリダイレクトされる。

関連リソース

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

訳注: 上記の HTTP/1.1 は RFC 2616 を参照しているが、現在の HTTP ステータスコードは RFC 7231 で更新、定義されている。RFC 7231§6.4. Redirection 3xx も参照のこと。

達成基準 3.2.5 の達成方法及び失敗例 - 要求による変化

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: ウェブページが自動更新を行う場合:
  1. G76: 自動的に更新する代わりに、利用者がコンテンツの更新を要求するメカニズムを提供する

状況 B: 自動リダイレクトが可能な場合:
  1. SVR1: クライアントサイドではなく、サーバーサイドで自動リダイレクトを実装する (SERVER)

  2. 以下のいずれかの方法を用いて G110: クライアントサイドの瞬間的なリダイレクトを使用する:

状況 C: ウェブページがポップアップウィンドウを用いる場合:
  1. 次の達成方法の一つを用いてポップアップウィンドウを表示する:

状況 D: select 要素上で onchange イベントを用いる場合:
  1. SCR19: select 要素の onchange イベントは、コンテキストの変化を引き起こすことのないように使用する (Scripting)

3.2.5 でさらに対応が望まれる達成方法 (参考)

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

重要な用語

コンテキストの変化 (changes of context)

ウェブページのコンテンツにおける大きな変化で、利用者が気づかないと、ウェブページ全体を一度に見ることのできない利用者を混乱させる恐れのあるもの。

コンテキストの変化には次に挙げるものの変化が含まれる:

  1. ユーザエージェント

  2. ビューポート

  3. フォーカス

  4. ウェブページの意味を変えるコンテンツ

注記: コンテンツの変化が、必ずコンテキストの変化になるとはかぎらない。アウトラインの展開、動的なメニュー、又はタブの切替などのコンテンツの変化は、それが上記のいずれか (例: フォーカス) を変更しないかぎり、コンテキストを変化させるとは限らない。

事例: 新しいウィンドウを開くこと、フォーカスを異なるコンポーネントへ移動させること、新しいウェブページへ移動すること (新しいウェブページへ移動したかのように思わせてしまうことも含む)、又はウェブページの内容を大きく再配置することなどは、コンテキストの変化の事例である。

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。


入力支援:
ガイドライン 3.3 を理解する

ガイドライン 3.3: 利用者の間違いを防ぎ、修正を支援すること。

ガイドライン 3.3 の意図

誰でもミスをすることがある。しかし、ある種の障害のある人は、エラーを起こさずに入力するのがより困難である。さらに、エラーを起こしたことに気づきにくいこともある。視野が限られている、色の知覚に制限がある、又は支援技術を使用しているという理由で、エラーを指摘する一般的な方法が障害のある利用者には分かりにくいことがある。このガイドラインは、重大な又は元の状態に戻すことのできないエラーの数を減らして、利用者がすべてのエラーに気づけるようにするとともに、エラーを修正するにはどうすればよいかを利用者が分かるようにしようとするものである。

ガイドライン 3.3 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • 追加のフォームフィールドを隠しておく (リンク追加予定)

エラーの特定:
達成基準 3.3.1 を理解する

3.3.1 エラーの特定: 入力エラーが自動的に検出された場合は、エラーとなっている箇所が特定され、そのエラーが利用者にテキストで説明される。 (レベル A)

この達成基準の意図

この達成基準の意図は、利用者がエラーの発生に気づき、何が誤っていたのかわかるようにすることである。エラーメッセージは、できる限り具体的なものであるべきである。フォームの送信がうまくいかなかった場合に、フォームを再度表示して、エラーになっているテキストフィールドを示すだけでは、エラーの発生を知覚して気がつくに不十分な利用者もいる。例えば、スクリーンリーダーの利用者は、エラー表示が読み上げられるまでは、エラーがあることに気づかない。単にそのページがうまく動作しないのだと考えて、エラーが発生していることに気づく前に、スクリーンリーダーの利用者はそのフォームを使うこと自体をあきらめてしまうかもしれない。WCAG 2.0 での定義より、「入力エラー」とは利用者が提供した情報で、受け付けられないものである。以下のものが含まれる:

  • ウェブページでは必須とされているが、利用者が入力を省略した情報、又は

  • 利用者が入力したが、要求されたデータ形式あるいは値ではない情報

例えば:

  • 利用者は、州、管区、地域、等に適切な略語を入力できない。

  • 利用者は、有効でない州の略語を入力する。

  • 利用者は、実在しない郵便番号を入力する。

  • 利用者は、2 年先の誕生日を入力する。

  • 利用者は、数字のみを受け付ける電話番号蘭にアルファベットや丸括弧を入力する。

  • 利用者は、前の入札を下回る入札または最小入札単位を下回る入札を入力する。

注記: 利用者が高すぎる値、または低すぎる値を入力し、その値をページ上のコードが自動的に許容範囲内に変更した場合、達成基準によって要求されるよう、利用者の入力エラーはまだ変更したところに記載される必要がある。変更された値を人に伝えるエラーの説明などは、この達成基準 (エラーの特定) 及び達成基準 3.3.3 (エラー修正の提案) の両方を満たすことになる。

ユーザエージェント又は支援技術がエラーを特定して、エラーに関する情報を利用者に提供することのできる、プログラム的な情報を用いて、エラーがあることを示して、その内容を説明することができる。例えば、あるウェブコンテンツ技術では、利用者の入力には文字数制限があること、又はフォームのテキストフィールドが必須項目であることを明示できる。現在、このようなプログラム的な情報をサポートしているウェブコンテンツ技術はほとんどないが、この達成基準ではそういった技術の有無は問わない。

テキストによる説明に加えて、例えば画像や色などのその他の方法でもエラーを示すことは全く問題ない。

達成基準 3.3.3 エラー修正の提案を理解するも参照のこと。

達成基準 3.3.1 の具体的なメリット

  • 入力エラーに関する情報をテキストで提供することによって、全盲の利用者又は色覚異常の利用者はエラーが発生したことを知覚できるようになる。

  • この達成基準は、アイコン及びその他の視覚的な手がかりで示された意味を理解するのが困難な、認知の障害、言語の障害、及び学習障害のある利用者にも役立つことがある。

達成基準 3.3.1 の事例

  • フォーム送信におけるエラーの特定

    ある航空会社のウェブサイトが、格安便の特別なプロモーションを展開している。利用者は、氏名、住所、電話番号、座席指定、及び電子メールアドレスなどの個人情報をシンプルなフォームに入力することを求められる。フォームにあるテキストフィールドのいずれかが、入力されていないか入力に誤りがある場合、どのテキストフィールドが未入力又はエラーであるかを利用者に知らせるアラートが表示される。

    注記: この達成基準は、エラー箇所を示すために、色又はテキストの表示スタイルを用いないほうがよいということを意味しない。単にエラー箇所がテキストでも示されていることを要求しているだけである。この事例では、色に加えて、二つのアスタリスク (*) が用いられている。

  • 複数の手がかりの提供

    利用者がフォームにある二つのテキストフィールドに入力し忘れている。エラーの説明及びそのテキストフィールドを見つけやすくするためにエラーであることを示す特定の文字列を提供するだけでなく、テキストフィールドを黄色で強調表示して、視覚的にも見つけやすくしている。

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.3.1 の達成方法及び失敗例 - エラーの特定

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: フォームが利用者からの情報が必須である入力フィールドを含む場合
  1. G83: 入力が完了していない必須項目を特定するために、テキストの説明を提供する

  2. ARIA21: エラーフィールドを示すために aria-invalid を使用する (ARIA)

  3. SCR18: クライアントサイドのバリデーション及びアラートを提供する (Scripting)

  4. PDF5: PDF フォームで必須項目のフォームコントロールを示す (PDF)

  5. SL35: Using the Validation and ValidationSummary APIs to Implement Client Side Forms Validation in Silverlight (Silverlight)

状況 B: 利用者によって提供される情報が、特別なデータフォーマットか特定の値であることが求められる場合
  1. ARIA18: エラーを特定するために aria-alertdialog を使用する (ARIA)

  2. ARIA19: エラーを特定するために、ARIA role=alert 又はライブリージョン (Live Regions) を使用する (ARIA)

  3. ARIA21: エラーフィールドを示すために aria-invalid を使用する (ARIA)

  4. G84: 利用者が許可された値のリストにない情報を与えた場合に、テキストの説明を提供する

  5. G85: 利用者の入力が要求されたフォーマット又は値の範囲外の場合に、テキストの説明を提供する

  6. SCR18: クライアントサイドのバリデーション及びアラートを提供する (Scripting)

  7. SCR32: クライアントサイドのバリデーションを提供し、DOM を介してエラーテキストを追加する (Scripting)

  8. FLASH12: クライアントサイドのバリデーションを提供し、アクセシブルな説明 (accessible description) によってエラーテキストを追加する (Flash)

  9. PDF22: PDF フォームにおいて、利用者の入力が必須形式又は値の範囲外となった場合に、そのことを明示する (PDF)

  10. SL35: Using the Validation and ValidationSummary APIs to Implement Client Side Forms Validation in Silverlight (Silverlight)

3.3.1 でさらに対応が望まれる達成方法 (参考)

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

達成基準 3.3.1 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.3.1 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

入力エラー (input error)

利用者が入力した情報で、受け付けられないもの。

注記: 以下のものが含まれる:

  1. そのウェブページでは必須であるが、利用者が入力しなかった情報

  2. 利用者が入力したが、要求されたデータ形式あるいは値ではない情報


ラベル又は説明:
達成基準 3.3.2 を理解する

3.3.2 ラベル又は説明: コンテンツが利用者の入力を要求する場合は、ラベル又は説明文が提供されている。 (レベル A)

この達成基準の意図

この達成基準の意図は、どのような入力データが期待されているのかを利用者が理解するように、フォーム内のコントロールを識別するための説明文又はラベルをコンテンツ制作者が配置することである。特に一般的なフォーマットではない場合、又は正しい入力のための特定のルールがある場合、入力欄のデータフォーマットを説明文又はラベルで明示してもよい。特に説明が長く詳細である場合、個々のコントロールがフォーカスを受け取ったときだけそのような説明文を利用者が利用できるように作ることをコンテンツ制作者は選択してもよい。

この達成基準の意図は、ページを不要な情報だらけにしてしまうことではなく、障害のある利用者に役立つ重要な手がかり及び説明文を提供することである。情報又は説明文が多すぎると、それは単に邪魔なものでしかない。目標は、利用者の混乱を最小限に抑えて、必要以上のナビゲーションを提供することなく、利用者がタスクを完了するために十分な情報を提供することである。

注記: input オブジェクトにラベルが提供されている場合、その input オブジェクトとラベル (又はラベルとして提供されている冗長なテキスト) の関係性は 達成基準 1.3.1 情報及び関係性を理解するによりプログラムによる解釈が可能又はテキストで利用可能でなければならない。

達成基準 3.3.2 の具体的なメリット

  • input 要素と label 要素が関連付けられている場合、入力欄にフォーカスがあたったときにスクリーンリーダーによってラベルが読み上げられ、かつ、ラベル又はコントロールのクリックでコントロールが選択されるために、より大ききなコントロールのクリック範囲によって運動に障害のある利用者は助けられるだろう。

  • 関連付けられたテキストフィールドのすぐ近くにラベルを置くことによって、画面拡大ソフトの利用者にとっては、そのテキストフィールド及びラベルがページを拡大した画面内に収まりやすくなる。

  • 所定のデータフォーマットの例を提供することは、認知の障害、言語の障害、及び学習障害のある利用者が情報を正確に入力するのに役立つ。

  • 必須項目をはっきりと示すことによって、キーボードだけで操作している利用者が、不完全なままフォームを送信して、再度表示されたフォームをナビゲートし、未入力だったテキストフィールドを見つけ出してから情報を入力することを回避できるようになる。

達成基準 3.3.2 の事例

  • テキストフィールドがあり、利用者に米国の州名を 2 文字の略語で入力するように求めている。そのテキストフィールドにはリンクがあり、ポップアップウィンドウを開いて、アルファベット順に並んだ州名と略語の一覧を提供している。

  • 日付を入力するテキストフィールドに、その日付の正確なフォーマットを示す初期値がある。

  • 名を入力するテキストフィールドが「名」というラベルではっきりと示されていて、姓を入力するテキストフィールドには「姓」というラベルがあり、利用者がどちらを入力すべきなのか迷わないようにしている。

  • 米国の電話番号が、エリアコード、局番、そして番号の三つのテキストフィールドに分かれている。エリアコードのテキストフィールドには括弧が付いていて、局番と番号のテキストフィールドの間にはハイフンが入っている。この表記法は、米国の電話番号フォーマットに馴染みのある利用者には視覚的な手がかりを提供していることになるが、テキストフィールドのラベル付けとしてはこの表記法だけでは不十分である。また、「電話番号」という一つのラベルも、三つのテキストフィールドすべてをラベル付けすることはできない。これに対処するために、三つのテキストフィールドを fieldset 要素でグループ化して、legend 要素で「電話番号」というラベルを付けている。さらに、テキストフィールドに(この表記法に加えて)視覚的なラベルを提供することはデザイン上不可能なので、title 属性を用いて、三つのテキストフィールドそれぞれに視覚的には認識できないラベルを提供している。三つのテキストフィールドそれぞれの属性値は、「エリアコード」、「局番」、そして「番号」となっている。

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.3.2 の達成方法及び失敗例 - ラベル又は説明

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

達成基準を満たすことのできる達成方法

  1. G131: 説明的なラベルを提供するかつ、次のどれか一つを用いる

  2. H44: テキストラベルとフォームコントロールを関連付けるために、label 要素を使用する (HTML)

  3. FLASH32: フォームコントロールにテキストラベルを関連付けるために、自動ラベリングを使用する (Flash)

  4. FLASH29: フォームコンポーネントに label プロパティを設定する (Flash)

  5. FLASH25: アクセシブルな名前 (accessible name) を設定することによって、フォームコントロールにラベルを付ける (Flash)

  6. PDF10: PDF 文書内のインタラクティブなフォームコントロールにラベルを付ける (PDF)

  7. SL26: Using LabeledBy to Associate Labels and Targets in Silverlight (Silverlight)

  8. H71: fieldset 要素及び legend 要素を使用して、フォームコントロールのグループに関する説明を提供する (HTML)

  9. FLASH8: フォームコントロールのアクセシブルな名前 (accessible name) にグループ名を追加する (Flash)

  10. H65: label 要素を使用できない場合に、フォームコントロールを特定するために、title 属性を使用する (HTML)

  11. SL8: Displaying HelpText in Silverlight User Interfaces (Silverlight)

  12. G167: テキストフィールドの目的をラベル付けするために隣接するボタンを用いる

注記: 上記のリストの一番最後にある達成方法は、「最後の手段」として考え、その他の達成方法をページに適用することができないときだけに用いるべきである。より広範囲の利用者層にとってのアクセシビリティを向上させるという意味でも、一番最後の達成方法以外の達成方法を推奨する。

3.3.2 でさらに対応が望まれる達成方法 (参考)

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

達成基準 3.3.2 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.3.2 の失敗例とみなした、よくある間違いである。

重要な用語

ラベル (label)

テキスト、又はテキストによる代替を伴うコンポーネントで、ウェブコンテンツ内のコンポーネントを識別するために利用者に提示されているもの。

注記 1: 名前 (name) は隠されていて支援技術に対してだけ明らかにされる場合がある一方で、ラベルはすべての利用者に提示される。多くの場合 (すべてではないが)、名前 (name) とラベルは同じである。

注記 2: ラベルという用語は、HTML における label 要素だけに限定されない。


エラー修正の提案:
達成基準 3.3.3 を理解する

3.3.3 エラー修正の提案: 入力エラーが自動的に検出され、修正方法を提案できる場合、その提案が利用者に提示される。ただし、セキュリティ又はコンテンツの目的を損なう場合は除く。 (レベル AA)

この達成基準の意図

この達成基準の意図は、可能であれば、利用者が入力エラーを修正するのに適切な修正方法を入手できるようにすることである。「入力エラー」の WCAG 2.0 での定義は、システムによって「利用者が提供した情報で、受け付けられないもの」であるとされている。受け付けられない情報の例には、必須だが利用者によって省略された情報や、利用者によって提供されたが、必要なデータ形式や許容値の範囲外である情報が含まれる。

達成基準 3.3.1 は、入力エラー箇所を通知するためのものである。しかし、例えば、認知的な制約のある利用者は、入力エラーの修正方法を理解するのが困難なことがある。視覚障害のある利用者は、入力エラーの修正方法を正確に把握することができないことがある。フォーム送信がうまくいかなかった場合、利用者はエラーが発生したことには気づいていたとしても、そのエラーを修正する方法が分からないために、そのフォームを途中であきらめてしまうかもしれない。

コンテンツ制作者はエラーの説明を提供してもよく、又はユーザエージェントは技術固有な、プログラムによる解釈される情報に基づいてエラーの説明を提供してもよい。

達成基準 3.3.3 の具体的なメリット

  • 入力エラーを修正する方法に関する情報を提供することによって、学習障害のある利用者がフォームに問題なく入力できるようになる。そして、全盲の利用者又は視覚に障害のある利用者が、入力エラーの内容及びその修正方法をもっと容易に理解できるようになる。また、運動障害のある利用者は、入力内容を変更せざるを得なくなる回数を減らすことができる。

達成基準 3.3.3 の事例

  • 入力エラーを修正するためのヘルプの追加

    うまく送信されなかったフォームのエラー画面で、そのページで起こった入力エラーを正しい入力方法とあわせて説明していて、入力エラーになったテキストフィールドのヘルプを追加で提供している。

  • 制限のある値の提示

    月の名前を入力するテキストフィールドがある。利用者が「12」と入力すると、修正する方法が提示される。

    • 入力可能な値の一覧。例えば、「どれか一つを選んでください: January, February, March, April, May, June, July, August, September, October, November, December」。

    • 入力すべき値を説明する。例えば、「月の名前を入力してください。」

    • 入力されたデータを異なるフォーマットに変換して提示する。例えば、「もしかして 'December' ですか?」

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.3.3 の達成方法及び失敗例 - エラー修正の提案

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

注記: 二つ以上の状況が適用される場合もある。例えば、必須フィールドが特別なデータフォーマットを要求する場合である。

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: 必須のフィールドに情報が入力されていない場合:
  1. G83: 入力が完了していない必須項目を特定するために、テキストの説明を提供する

  2. ARIA2: aria-required プロパティによって必須項目を特定する (ARIA)

  3. PDF5: PDF フォームで必須項目のフォームコントロールを示す (PDF)

  4. SL35: Using the Validation and ValidationSummary APIs to Implement Client Side Forms Validation in Silverlight (Silverlight)

状況 B: フィールドの情報に、特別のデータフォーマットが要求される場合:
  1. ARIA18: エラーを特定するために aria-alertdialog を使用する (ARIA)

  2. G85: 利用者の入力が要求されたフォーマット又は値の範囲外の場合に、テキストの説明を提供する

  3. G177: テキストの修正候補を提示する

  4. SCR18: クライアントサイドのバリデーション及びアラートを提供する (Scripting)

  5. SCR32: クライアントサイドのバリデーションを提供し、DOM を介してエラーテキストを追加する (Scripting)

  6. FLASH12: クライアントサイドのバリデーションを提供し、アクセシブルな説明 (accessible description) によってエラーテキストを追加する (Flash)

  7. PDF22: PDF フォームにおいて、利用者の入力が必須形式又は値の範囲外となった場合に、そのことを明示する (PDF)

状況 C: 利用者の入力する情報は、複数の限定された値のうちの一つであることが要求される場合:
  1. ARIA18: エラーを特定するために aria-alertdialog を使用する (ARIA)

  2. G84: 利用者が許可された値のリストにない情報を与えた場合に、テキストの説明を提供する

  3. G177: テキストの修正候補を提示する

  4. SCR18: クライアントサイドのバリデーション及びアラートを提供する (Scripting)

  5. SCR32: クライアントサイドのバリデーションを提供し、DOM を介してエラーテキストを追加する (Scripting)

  6. FLASH12: クライアントサイドのバリデーションを提供し、アクセシブルな説明 (accessible description) によってエラーテキストを追加する (Flash)

  7. PDF22: PDF フォームにおいて、利用者の入力が必須形式又は値の範囲外となった場合に、そのことを明示する (PDF)

3.3.3 でさらに対応が望まれる達成方法 (参考)

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

  • G139: 利用者がエラー箇所に移動できるメカニズムを作成する

  • エラーメッセージを、ウェブページのその他のテキストと区別しやすくし、容易に理解できるようにする (リンク追加予定)

  • 送信されたフォームが正しいかをサーバーで確認する (リンク追加予定)

  • 必須の情報が入力されない場合に、必須フィールドを識別するだけでなく、正しい情報の説明と事例を提供する (リンク追加予定)

  • フォームフィールドと関連して、各入力エラーを訂正するための提案を繰り返し強調する (リンク追加予定)

  • 提案するリストの各項目から、対応するフォームフィールドへスキップする方法を利用者に提供する (リンク追加予定)

  • 変更の必要のあるフォームフィールドに対して、文脈に沿った追加のヘルプを提供する (リンク追加予定)

  • 様々なフォーマットの入力データを受け付ける (リンク追加予定)

  • G199: データが正常に送信されたときに、フィードバックを提供する

利用者に提案を行う達成方法 (参考)
  • 入力エラーの数についての情報を含むテキストの説明、各項目を訂正するための提案、そして、どのように進めるべきかの指示を提供する (リンク追加予定)

  • コンテンツの最初の項目 (あるいは最初の項目の一つ) を訂正するための提案を含むテキストの説明を提供する、又は、コンテンツの中でこの情報を強調する (リンク追加予定)

  • エラーを表示し、元のフォームの文脈に沿った提案をする (例えば、フォームのどこに入力エラーがあるかを再表示し、訂正のための提案がハイライトされ、元のフォームとの関連を表示する) (リンク追加予定)

HTML の達成方法 (参考)
  • 必須のフォームフィールドで最初のテキストとして、データとデータフォーマットについて「正しい事例」を提供する (リンク追加予定)

  • 正しいテキストを示唆するリンクをフォームフィールドの「近くで」提供するか、正しいテキストを示唆するテキスト自体をウェブページ上のフォームフィールドの「隣に」直接配置する (リンク追加予定)

クライアントサイドのスクリプトの達成方法 (参考)

達成基準 3.3.3 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.3.3 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

入力エラー (input error)

利用者が入力した情報で、受け付けられないもの。

注記: 以下のものが含まれる:

  1. そのウェブページでは必須であるが、利用者が入力しなかった情報

  2. 利用者が入力したが、要求されたデータ形式あるいは値ではない情報


エラー回避 (法的、金融、データ) :
達成基準 3.3.4 を理解する

3.3.4 エラー回避 (法的、金融、データ) : 利用者にとって法律行為もしくは金融取引が生じる、利用者が制御可能なデータストレージシステム上のデータを変更もしくは削除する、又は利用者が試験の解答を送信するウェブページでは、次に挙げる事項のうち、少なくとも一つを満たしている: (レベル AA)

  1. 取消: 送信を取り消すことができる。

  2. チェック: 利用者が入力したデータの入力エラーがチェックされ、利用者には修正する機会が提供される。

  3. 確認: 送信を完了する前に、利用者が情報の見直し、確認及び修正をするメカニズムが利用できる。

この達成基準の意図

この達成基準の意図は、障害のある利用者が、元の状態に戻すことのできない動作を実行するときのミスによる深刻な結果を回避するのを助けることである。例えば、払い戻し不可の航空券の購入、又は証券取引口座での株購入の注文は、重大な結果につながる金銭的な取引である。利用者が発着日を間違えれば、その利用者は交換できない誤った日付の航空券を購入したことになってしまう。利用者が購入する株式の数を間違えると、意図した数よりも多くの株式を購入したことになってしまう。どちらのミスも、すぐに処理される取引であり、後から変更することはできないものであり、また非常に高価である。同様に、旅行サービスのウェブサイトにある旅行履歴のように、後からアクセスする必要のあるデータベースのデータを無意識に修正又は削除してしまった場合、そのエラーは回復不能なことがある。「利用者が自分で制御可能な」データの変更又は削除を参照する場合、この達成基準の意図は、ファイル又はレコードの削除のようなデータの大量損失を防ぐことである。保存のコマンド又は、ドキュメント、レコード、もしくはその他データの単純な作成もしくは編集に対して、確認を必要とすることを意図するものではない。

障害のある利用者は、ミスをしてしまう可能性が高い。読字障害のある利用者は、数字と文字を取り違えてしまうことがあるし、運動障害のある利用者は間違ってキーを押してしまうことがある。元の状態に戻せるようにすることによって、利用者が重大な結果につながる恐れのあるミスを修正できるようになる。また、入力内容を確認して修正できるようにすることで、重大な結果につながることをしてしまう前に、利用者がミスに気づくことができるようになる。

利用者が自分で制御可能なデータというのは、利用者が意図的行為を通して変更及び/又は削除できる利用者が閲覧可能なデータである。そのようなデータを制御する利用者の例としては、利用者のアカウントの電話番号及び住所を更新する、又はウェブサイトから過去の請求書のレコードを削除することが挙げられる。これは、利用者が直接に表示又は情報交換できないインターネットのログ又は検索エンジンの監視データのようなものを指すものではない。

達成基準 3.3.4 の具体的なメリット

  • ミスによる重大な結果を未然に防ぐ手段を提供することによって、ミスをする可能性の高い障害のある利用者すべてに役立つ。

達成基準 3.3.4 の事例

  • 注文内容の確認

    ある小売店がウェブでオンラインショッピングのサービスを顧客に提供している。注文が送信されると、利用者が注文内容に間違いがないかを確認できるように、注文した商品、各商品の数、送り先の住所、支払方法などの注文情報が表示される。利用者は、注文内容を確認したり、変更したりすることができる。

  • 株式売買

    ある金融サービスのウェブサイトで、利用者は株をオンラインで売買できる。利用者が株の売買の注文を送信すると、システムは市場が開いているかどうかを確認する。時間外だった場合は、利用者にその取引が時間外取引になることを知らせて、通常の取引時間外であることに伴うリスクについても伝える。そして、利用者はその注文をキャンセルするか、確認することができる。

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.3.4 の達成方法及び失敗例 - エラー回避 (法的、金融、データ)

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: アプリケーションで、購入又は所得税申告の提出のように、法的なトランザクションが発生する場合:
  1. G164: オンラインリクエスト後に、利用者がそのリクエスト (又はトランザクション) を修正又はキャンセルできる一定の時間を提供する

  2. G98: 送信する前に、利用者が回答を確認及び修正できるようにする

  3. G155: 送信ボタンに加えてチェックボックスを提供する

状況 B: 利用者のアクションによって情報が削除される可能性がある場合:
  1. G99: 削除した情報を復元する機能を提供する

  2. G168: 選択されたアクションを続行するために確認を求める

  3. G155: 送信ボタンに加えてチェックボックスを提供する

状況 C: ウェブページに試験を実施するアプリケーションがある場合:
  1. G98: 送信する前に、利用者が回答を確認及び修正できるようにする

  2. G168: 選択されたアクションを続行するために確認を求める

3.3.4 でさらに対応が望まれる達成方法 (参考)

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

達成基準 3.3.4 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.3.4 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。

入力エラー (input error)

利用者が入力した情報で、受け付けられないもの。

注記: 以下のものが含まれる:

  1. そのウェブページでは必須であるが、利用者が入力しなかった情報

  2. 利用者が入力したが、要求されたデータ形式あるいは値ではない情報

利用者が制御可能 (user-controllable)

利用者によってアクセスされることを意図したデータ。

注記: これは、インターネットのログや検索エンジンの監視データのようなものは指していない。

事例: ユーザアカウントのための氏名と住所のフィールド。

法律行為 (legal commitments)

法的に拘束力のある義務あるいは利益が発生する取引。

事例: 結婚許可証、株取引 (金銭上及び法的)、遺言、ローン、採用、軍隊への入隊登録、あらゆる契約、など


ヘルプ:
達成基準 3.3.5 を理解する

3.3.5 ヘルプ: コンテキストに応じたヘルプが利用できる。 (レベル AAA)

この達成基準の意図

この達成基準の意図は、利用者がミスをしないようにすることである。障害のある利用者は、障害のない利用者よりもミスをする可能性が高い。コンテキストに応じたヘルプを提供することによって、利用者は自分が実行していることの手順がわからなくなってしまうことがなく、どう操作すればよいかがわかる。

コンテキストに応じたヘルプは、ラベルがすべての機能を説明するのに不十分なときにだけ提供すればよい。コンテキストに応じたヘルプの存在は利用者に明らかにすべきであり、利用者が求めたときにはいつでもそのヘルプを入手できるようにすべきである。

コンテンツ制作者はエラーの説明を提供してもよく、又はユーザエージェントは技術固有な、プログラムによる解釈される情報に基づいてエラーの説明を提供してもよい。

達成基準 3.3.5 の具体的なメリット

  • テキスト入力の支援は、フォーム又はテキスト入力を必要とするその他のコンテンツでテキストを書くのが困難なことがよくある、書字障害のある利用者及び読字障害、知的障害のある利用者に役立つ。

  • さらに、これらの種類の援助は、加齢によって、テキスト入力及び/又はマウス操作に同じような困難を伴う利用者にも役立つ。

達成基準 3.3.5 の事例

  • オンライン求職

    はじめての利用者にとっては分かりにくい質問がいくつかある。各質問の横にあるヘルプのリンクが、その質問の説明を提供している。

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.3.5 の達成方法及び失敗例 - ヘルプ

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: フォームがテキスト入力を求める場合:
  1. G71: すべてのウェブページにヘルプへのリンクを提供する

  2. G193: ウェブページでアシスタントによるヘルプを提供する

  3. G194: テキスト入力に対するスペルチェック及び修正候補を提供する

  4. G184: フォーム又はテキストフィールド一式の先頭に、必須の入力を記述するテキストの説明を提供する

状況 B: フォームが所定のデータフォーマットでのテキスト入力を求める場合:
  1. G89: 期待されるデータ書式及び入力例を提供する

  2. G184: フォーム又はテキストフィールド一式の先頭に、必須の入力を記述するテキストの説明を提供する

3.3.5 でさらに対応が望まれる達成方法 (参考)

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

達成基準 3.3.5 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.3.5 の失敗例とみなした、よくある間違いである。

(今のところ、文書化されている失敗例がない)

重要な用語

コンテキストに応じたヘルプ (context-sensitive help)

そのとき実行されている機能に関する情報を提供するヘルプのテキスト。

注記: 明解なラベルは、コンテキストに応じたヘルプとして機能しうる。


エラー回避 (すべて) :
達成基準 3.3.6 を理解する

3.3.6 エラー回避 (すべて) : 利用者に情報の送信を要求するウェブページでは、次に挙げる事項のうち、少なくとも一つを満たしている: (レベル AAA)

  1. 取消: 送信を取り消すことができる。

  2. チェック: 利用者が入力したデータの入力エラーがチェックされ、利用者には修正する機会が提供される。

  3. 確認: 送信を完了する前に、利用者が情報の見直し、確認及び修正をするメカニズムが利用できる。

この達成基準の意図

この達成基準の意図は、障害のある利用者が、フォームのデータを送信するときにミスをしたことによりひきおこされる重大な結果を未然に防ぐことができるようにすることである。この達成基準は、利用者が情報を送信する必要のあるフォームすべてに適用されるという点において、達成基準 3.3.4 よりも上位のレベルである。

障害のある利用者は、ミスをしてしまう可能性が高く、フォームでのエラーに気づく又は修正するのにも困難を伴うことが多い。例えば、読字障害のある利用者は、数字と文字を取り違えてしまうことがある。そして、運動障害のある利用者は間違ってキーを押してしまうことがある。元の状態に戻せるようにすることによって、利用者がエラーを修正することができるようになる。また、情報を確認して修正できるようにすることによって、利用者はフォームのデータを送信する前にエラーに気づくことができる。

達成基準 3.3.6 の具体的なメリット

  • ミスによる重大な結果を未然に防ぐ手段を提供することによって、ミスをする可能性の高い障害のある利用者すべてに役立つ。

達成基準 3.3.6 の事例

(none currently documented)

関連リソース

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

(今のところ、文書化されていない)

達成基準 3.3.6 の達成方法及び失敗例 - エラー回避 (すべて)

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

達成基準を満たすことのできる達成方法

  1. 利用者に情報の送信を要求するすべてのフォームにおいて、達成基準 3.3.4 を満たすことのできる達成方法に従うこと。

重要な用語

ウェブページ (Web page)

単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。

注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。

注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。

事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。

事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。

事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。

事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。

メカニズム (mechanism)

結果を得るためのプロセス又は手法。

注記 1: メカニズムは、コンテンツ内で明示的に提供されることもあれば、プラットフォーム又は支援技術を含むユーザエージェントで提供されるものに 依存することもある。

注記 2: メカニズムは、宣言する適合レベルのすべての達成基準を満たす必要がある。

入力エラー (input error)

利用者が入力した情報で、受け付けられないもの。

注記: 以下のものが含まれる:

  1. そのウェブページでは必須であるが、利用者が入力しなかった情報

  2. 利用者が入力したが、要求されたデータ形式あるいは値ではない情報


互換性:
ガイドライン 4.1 を理解する

ガイドライン 4.1: 現在及び将来の、支援技術を含むユーザエージェントとの互換性を最大化すること。

ガイドライン 4.1 の意図

このガイドラインの目的は、現在及び将来のユーザエージェントの互換性、特に支援技術との互換性をサポートすることである。これは、1) コンテンツ制作者が支援技術の機能を損なったり (例: 形式が整えられていないマークアップ)、又は支援技術を回避したり (例: 奇抜なマークアップ又はソースコードを用いる) しないことを保証する、2) 支援技術が認識して情報のやりとりができる標準的な方法でコンテンツにある情報を公開することの両方で達成できる。技術の変化は早く、支援技術の開発者が急速に変化する技術に追従していくことは大きな困難を伴うので、支援技術が容易に新しい技術にも対応していけるように、コンテンツが規則に従っていて API との互換性が確保されていることが重要である。

ガイドライン 4.1 の参考にすべき達成方法(特定の達成基準に特有ではない達成方法)

このガイドラインにある各達成基準を満たすための達成方法は、この後に達成基準ごとに挙げられている。しかし、このガイドラインに対処するための達成方法がどの達成基準にも該当しない場合は、ここで挙げている。そういった達成方法は、どの達成基準を満たす上でも必須ではないし、十分でもないが、ウェブコンテンツの種類によってはより多くの利用者にとってよりアクセシブルにすることができるものである。

  • W3C が策定した技術仕様の中で非推奨とされている機能の使用を避ける (リンク追加予定)

  • その技術がオフになっている、又はサポートされていないとき、アクセシビリティ サポーテッドではない技術に依存したコンテンツを表示しない。

構文解析:
達成基準 4.1.1 を理解する

4.1.1 構文解析: マークアップ言語を用いて実装されているコンテンツにおいては、要素には完全な開始タグ及び終了タグがあり、要素は仕様に準じて入れ子になっていて、要素には重複した属性がなく、どの ID も一意的である。ただし、仕様で認められているものを除く。 (レベル A)

注記: 開始及び終了タグに重要な記号が欠けている場合、例えば、タグを閉じる山括弧がない、又は属性値の引用符が一致していない場合は、完全とはいえない。

この達成基準の意図

この達成基準の意図は、支援技術を含むユーザエージェントが、コンテンツを正確に解釈して解析できることを確実にするものである。コンテンツをデータ構造に解析できない場合、別のユーザエージェントはそのコンテンツを異なって提示するか、又はコンテンツを全く解析できないかもしれない。ユーザエージェントの中には、不適切なソースコードのコンテンツを描画するために「修復技術」を用いる。

修復技術はユーザエージェントの間で異なるため、コンテンツがそのウェブコンテンツ技術の正式な文法で定義される規則に従って制作されない限り、コンテンツ制作者は、コンテンツがデータ構造へ正確に解析されるか、又はコンテンツが支援技術を含む特殊なユーザエージェントによって正しく描画されるものと仮定できない。マークアップ言語では、要素と属性の構文のエラー及び適切にネストされた開始/終了タグを提供できなかった場合、ユーザエージェントがコンテンツを確実に解析するのを妨げるエラーを導く。したがって、この達成基準は、コンテンツが正式な文法の規則のみを用いて解析できることを必要とする。

注記 1: 「整形式 (well formed)」の概念は、この達成基準で要件としているものに近い。しかし、正確な解析結果の要件は、マークアップ言語によって異なり、そして、ほとんどの非 XML ベースの言語は、整形式であることの要件が明確に定義されていない。したがって、マークアップ言語に対して一般的に適用可能にするためには、達成基準をより明確にする必要があった。用語「整形式 (well formed)」は、XML でのみ定義され、そして、(終了タグは任意の場合もあるため) 妥当 (valid) な HTML は整形式のソースコードを要求しないから、この達成基準では用いていない。

注記 2: 一つの達成基準 ( 達成基準 1.4.4 テキストのサイズ変更を理解する テキストのサイズ変更、達成基準で指定された効果が支援技術に依存せずに達成されなければならないと具体的に述べている) を除き、支援技術 (又はユーザエージェントにあるアクセス機能) が存在かつ利用者が使用できる場合に、コンテンツ制作者は、利用者が支援技術 (又はユーザエージェントにあるアクセス機能) の使用を想定することで、コンテンツを達成基準に適合できる。

達成基準 4.1.1 の具体的なメリット

  • ウェブページに完全な開始タグ及び終了タグがあり、仕様に準じて入れ子になっていることを確保することで、支援技術がコンテンツを正確かつ衝突することなく解析できるようになる。

達成基準 4.1.1 の事例

(none currently documented)

関連リソース

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

(今のところ、文書化されていない)

達成基準 4.1.1 の達成方法及び失敗例 - 構文解析

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

4.1.1 でさらに対応が望まれる達成方法 (参考)

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

(まだ文書化されていない)

達成基準 4.1.1 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 4.1.1 の失敗例とみなした、よくある間違いである。


名前 (name) ・役割 (role) 及び値 (value) :
達成基準 4.1.2 を理解する

4.1.2 名前 (name) ・役割 (role) 及び値 (value) : すべてのユーザインタフェース コンポーネント (フォームを構成する要素、リンク、スクリプトが生成するコンポーネントを含むがこれに限定されない) では、名前 (name) 及び役割 (role) は、プログラムによる解釈が可能である。又、状態、プロパティ、利用者が設定可能な値はプログラムによる設定が可能である。そして、支援技術を含むユーザエージェントが、これらの項目に対する変更通知を利用できる。 (レベル A)

注記: この達成基準は、主に独自のユーザインタフェース コンポーネントを開発、又はスクリプトで実装するコンテンツ制作者に向けたものである。例えば、標準的な HTML のコントロールを仕様に沿って使用していれば、既にこの達成基準を満たしていることになる。

この達成基準の意図

この達成基準の意図は、支援技術がコンテンツにあるユーザインタフェース コントロールの状態に関する情報を収集し、有効化 (又は設定) 及び最新の状態を保つように保証することである。

アクセシブルなウェブコンテンツ技術の標準コントロールを使用する場合、このプロセスは簡単である。ユーザインタフェース要素が仕様に準じて使用される場合、この条件に条項は満たされる。(下記の達成基準 4.1.2 の事例を参照のこと)

しかし、カスタムコントロールが作成される、又はインタフェース要素が通常とは異なる役割 (role) 及び/又は機能を持つように (ソースコード又はスクリプトで) プログラミングされている場合、コントロールが支援技術に重要な情報を提供し、支援技術によってコントロールされることを、それら自身ができるように保証する追加の手段を取る必要がある。

特に重要なユーザインタフェース コントロールの状態は、フォーカスを持つかどうかである。コントロールのフォーカス状態は、プログラムによる解釈が可能であり、フォーカスの変化に関する通知は、ユーザエージェント及び支援技術に送られる。ユーザインタフェース コントロールのステータスの他の例としては、チェックボックス又はラジオボタンが選択されているかどうか、折り畳み可能なツリーやリストが展開されている又は折り畳まれているかどうかである。

注記: 達成基準 4.1.2 は、すべてのユーザインタフェース コンポーネントに対して、プログラムによる解釈が可能な名前 (name) を要求する。名前 (name) は、可視であっても、不可視であってもよい。往々にして、名前 (name) がラベルとして識別される場合、名前 (name) は可視でなければならない。より詳しい情報については、用語集にある名前 (name) 及びラベルの定義を参照のこと。

達成基準 4.1.2 の具体的なメリット

  • すべてのユーザインタフェース コンポーネントに、役割 (role)、状態、及び値の情報を提供することで、例えば、スクリーンリーダー、画面拡大ソフトウェア、及び音声認識ソフトウェアなどの、障害のある利用者が使用する支援技術との互換性を保つことが可能になる。

達成基準 4.1.2 の事例

  • アクセシビリティ API

    Java アプレットは、Java 言語で定義されたアクセシビリティ API を用いている。

達成基準 4.1.2 の達成方法及び失敗例 - 名前 (name) ・役割 (role) 及び値 (value)

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

達成基準を満たすことのできる達成方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の達成方法 (又は、達成方法の組み合わせ) がある。

状況 A: マークアップ言語 (例えば HTML) で標準的なユーザインタフェース コンポーネントを使用している場合:
  1. ARIA14: 可視ラベルが使用できない場所で不可視ラベルを提供するために、aria-label を使用する (ARIA)

  2. ARIA16: ユーザインターフェース コントロールの名前 (name) を提供するために、aria-labelledby を使用する (ARIA)

  3. 下記の技術固有の達成方法を用いて、G108: 名前 (name) 及び役割 (role) を公開し、利用者が設定可能なプロパティを直接設定可能にして、変化の通知を提供するために、マークアップを用いる:

状況 B: スクリプト又はコードを用いて、マークアップ言語の標準的なユーザインタフェース コンポーネント再定義する場合:
  1. 名前 (name) 及び役割 (role) をユーザエージェントに提供し、利用者が設定可能なプロパティを直接設定可能にし、変化を通知する

状況 C: プログラミング技術で標準的なユーザインタフェース コンポーネントを用いる場合:
  1. 下記の技術固有の達成方法を用いて、G135: 名前 (name) 及び役割 (role) を公開し、利用者が設定可能なプロパティを直接設定可能にして、変更の通知を提供するためのウェブコンテンツ技術のアクセシビリティ API 機能を使用する:

状況 D: プログラミング言語で独自のインタフェースコンポーネントを作成する場合:
  1. 下記の技術固有の達成方法を用いて、G10: 名前 (name) 及び役割 (role) を取得し、利用者が設定可能なプロパティを直接設定可能にし、変化を通知するためにユーザエージェントが動作する、プラットフォームのアクセシビリティ API 機能をサポートするウェブコンテンツ技術を用いて、コンポーネントを作成する:

4.1.2 でさらに対応が望まれる達成方法 (参考)

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

  • 暗黙のラベルを持たないすべてのフォーム コントロールにラベルを付加する (リンク追加予定)

達成基準 4.1.2 のよくある失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準 4.1.2 の失敗例とみなした、よくある間違いである。

重要な用語

(この文書で用いられている) 支援技術 (assistive technology (as used in this document))

ユーザエージェントとして機能する、又は主流のユーザエージェントと一緒に機能するハードウェア及び/又はソフトウェアで、主流のユーザエージェントで提供されている機能以上の機能を、障害のある利用者の要求を満たすために提供するもの。

注記 1: 支援技術が提供する機能としては、代替の提示 (例: 合成音声や拡大表示したコンテンツ)、代替入力手法 (例: 音声認識)、付加的なナビゲーション又は位置確認のメカニズム、及びコンテンツ変換 (例: テーブルをよりアクセシブルにするもの) などを挙げることができる。

注記 2: 支援技術は、API を利用、監視することで、主流のユーザエージェントとデータやメッセージのやりとりをすることが多い。

注記 3: 主流のユーザエージェントと支援技術との区別は、絶対的なものではない。多くの主流のユーザエージェントは、障害者を支援する機能を提供している。基本的な差異は、主流のユーザエージェントが障害のある人もない人も含めて、広く多様な利用者を対象にしているのに対し、支援技術は、特定の障害のある利用者という、より狭く限られた人たちを対象にしているということである。支援技術により提供される支援は、対象とする利用者に特化した、よりニーズに適したものである。主流のユーザエージェントは、プログラムオブジェクトからのウェブコンテンツの抽出、マークアップの識別可能な構造への解釈といった、重要な機能を支援技術に対して提供する場合がある。

事例: この文書の文脈において重要な支援技術としては、以下のものが挙げられる:

  • 画面拡大ソフト及びその他の視覚的な表示に関する支援技術。視覚障害、知覚障害、及び読書困難などの障害のある人が、レンダリング後のテキスト及び画像の視覚的な読みやすさを改善するために、テキストのフォント、サイズ、間隔、色、音声との同期などを変更するのに使用している。

  • スクリーンリーダー。全盲の人がテキスト情報を合成音声あるいは点字で読み取るために使用している。

  • 音声変換ソフトウェア。認知障害、言語障害、及び学習障害のある人が、テキストを合成音声に変換するために使用している。

  • 音声認識ソフトウェア。何らかの身体障害のある利用者が使用することがある。

  • 代替キーボード。特定の身体障害のある人がキーボード操作をシミュレートするのに使用している (ヘッドポインタ、シングルスイッチ、呼気・吸気スイッチ、及びその他の特別な入力デバイスを使った代替キーボードを含む)。

  • 代替ポインティングデバイス。特定の身体障害のある人がマウスポインタとボタンの動きをシミュレートするのに使用している。

プログラムによる解釈 (プログラムによる解釈が可能) (programmatically determined (programmatically determinable))

支援技術を含む様々なユーザエージェントが抽出でき、利用者に様々な感覚モダリティで提示できるような形のデータがコンテンツ制作者によって提供されたとき、そのデータがソフトウェアによって解釈されること。

事例 1: マークアップ言語で、一般に入手可能な支援技術が直接アクセスできる要素と属性から解釈される。

事例 2: 非マークアップ言語の技術特有のデータ構造から解釈され、一般に入手可能な支援技術がサポートするアクセシビリティ API を通じて支援技術に提供される。

プログラムによる設定 (programmatically set)

支援技術を含むユーザエージェントがサポートしている手法を用いて、ソフトウェアによって設定されること。

ユーザインタフェース コンポーネント (user interface component)

コンテンツの一部分で、特定の機能を実現するための単一のコントロールとして利用者が知覚するもの。

注記 1: 複数のユーザインタフェース コンポーネントが、単一のプログラム要素で実装されることもある。ここでいうコンポーネントは、プログラムの手法と結びついたものではなく、利用者が別々のコントロールとして知覚するものを指す。

注記 2: ユーザインタフェース コンポーネントには、フォーム要素、リンクだけでなく、スクリプトで生成されるコンポーネントが含まれる。

事例: アプレットには、コンテンツ内を行単位、ページ単位、又はランダムアクセスで移動するために用いられる「コントロール」がある。これらには、いずれも名前 (name) を割り当て、個別に設定できるようにする必要があるため、それぞれが「ユーザインタフェース コンポーネント」となる。

ユーザエージェント (user agent)

ウェブコンテンツを取得して利用者に提示するあらゆるソフトウェア。

事例: ウェブブラウザ、メディアプレーヤ、プラグイン、及びその他のプログラム。その他のプログラムには、ウェブコンテンツの取得、レンダリング、やり取りを支援する支援技術を含む。

名前 (name)

ソフトウェアが、ウェブコンテンツのコンポーネントを利用者に識別させることができるテキスト。

注記 1: ラベルはすべての利用者に提示される一方で、名前 (name) は隠されていて、支援技術に対してだけ明らかにされる場合もある。多くの場合 (すべてではないが)、ラベルと名前 (name) は同じである。

注記 2: これは、HTML の name 属性とは関係がない。

役割 (role)

ウェブコンテンツに含まれるコンポーネントの機能を、ソフトウェアが識別するために用いることができるテキストや数字。

事例: 画像の機能が、ハイパーリンク、コマンドボタン、又はチェックボックスのどれなのかを示している数字。


WCAG 2.0 への適合を理解する

すべての WCAG 2.0 の達成基準は、客観的にコンテンツがその基準を満たしているかどうかを判断できるように、テスト可能な基準として記述されている。達成基準のテストでは、自動的なテストと人間による判断を組み合わせる必要がある。コンテンツをテストするのは、様々な障害のある人がウェブをどのように使っているのかを理解している人でなければならない。

ここでいうテストやテスト可能というのは、機能面のテストのことを指している。つまり、コンテンツが想定していた通りに機能することを確認するということである。あるいは、ここでは、達成基準を満たしていることを確認するといってもよい。コンテンツがすべての達成基準を満たしていたとしても、それでも様々な障害のある利用者がそのコンテンツを使うことができるとは限らない。そのため、必要とされる機能面のテストに加えて、ユーザビリティテストを実施することも推奨している。ユーザビリティテストの目的は、利用者が想定した目的に沿ってそのコンテンツをどこまで使うことができるかを確認することである。ユーザビリティテストを実施する際には、テスト参加者に障害のある利用者を含めることを推奨する。

適合とは何を意味するのか?

基準への適合とは、その基準の「要件」に合っている、あるいは満たしていることを意味する。WCAG 2.0 において、「要件」となるのは達成基準である。WCAG 2.0 に適合するためには、達成基準を満たす必要がある。つまり、達成基準に反するコンテンツがないということである。

注記: ある達成基準について、適用対象となるコンテンツを含まないコンテンツにおいては、その達成基準は満たされているということを意味する。

ほとんどの標準には、適合レベルは一つしかない。しかし、より高いレベルのアクセシビリティを要求したり可能にしたりする様々な状況に対応するために、WCAG 2.0 には三つの適合レベルがあり、そのため達成基準にも三つのレベルがある。

適合要件を理解する

コンテンツが WCAG 2.0 に「適合している」とみなされるためには、満たさなければならない五つの要件がある。この節では、それらの要件に関する簡単な注釈を提供する。なお、この節は、今後寄せられる質問に対処するため、あるいは様々な適合要件を満たす方法の新しい事例を提供するために、時間とともに拡充されていく予定である。

適合要件 1 を理解する

1. 適合レベル: 以下に挙げる適合レベルの一つを完全に満たしていること。