アクセシビリティの原則
About this translation
ボランティアによる本翻訳は原文(英語)の内容を正確に反映できていない可能性があります。
翻訳者 Takumi Ishihara . 寄稿者 Jay Kishigami.
WAIは全ての翻訳者に感謝し、また他のtranslationsも歓迎します
Notice: The English original has been substantially updated since this translation. — 変更履歴
英語版更新 2024-07-15 — 翻訳更新済 2023-12-06.
We welcome a translation update.
ウェブ・アクセシビリティ標準
ウェブアクセシビリティは、連携して機能するいくつかの要素に依存しています。これには以下が含まれます:
- ウェブコンテンツ - ウェブサイトの任意の部分を指し、テキスト、画像、フォーム、マルチメディア、およびマークアップコード、スクリプト、アプリケーションなどを含みます。
- ユーザーエージェント - 人々がウェブコンテンツにアクセスするために使用するソフトウェアで、デスクトップグラフィックブラウザ、ボイスブラウザ、携帯電話ブラウザ、マルチメディアプレイヤー、プラグイン、および一部の支援技術 (英語版)を含みます。
- オーサリングツール - 人々がウェブコンテンツを生成するために使用するソフトウェアまたはサービスで、コードエディター、文書変換ツール、コンテンツ管理システム、ブログ、データベーススクリプトなどのツールを含みます。
ウェブ・アクセシビリティ標準の詳細
これらのコンポーネントは相互に関連し合い、お互いを支えています。例えば、ウェブコンテンツは画像のテキスト代替を含む必要があります。この情報はウェブブラウザによって処理され、スクリーンリーダーなどの支援技術に伝えられる必要があります。このようなテキスト代替を作成するためには、作者はそれを行うための支援を提供するオーサリングツールが必要です。より詳しい背景は、ウェブアクセシビリティの必須コンポーネント (英語版)に記載されています。
標準は、これらの各コンポーネントに対するアクセシビリティ要件を定義する上で重要な役割を果たします。一部のアクセシビリティ要件は満たしやすいですが、障害を持つ人々がウェブをどのように使用しているかの基本を理解することは、それらをより効果的かつ効率的に実装するのに役立ちます。アクセシビリティのいくつかの側面は、より技術的なスキルや、人々がウェブをどのように使用しているかに関する高度な知識を必要とします。すべての場合において、ウェブプロジェクトの早期および全体を通じてユーザーを関与させること (英語版)は、あなたの仕事をより良く、容易にします。
W3Cウェブアクセシビリティイニシアティブ(WAI)は、ウェブアクセシビリティのための国際的に認められた標準となる一連のガイドラインを提供しています。これには以下が含まれます:
- ウェブコンテンツアクセシビリティガイドライン (WCAG)
- ユーザーエージェントアクセシビリティガイドライン (UAAG) (英語版)
- オーサリングツールアクセシビリティガイドライン (ATAG) (英語版)
また、Ajax、JavaScript、および関連するウェブ技術で開発された動的コンテンツと高度なユーザーインターフェースコントロールを含む、アクセシブルリッチインターネットアプリケーション (WAI-ARIA) (英語版) のためのWAI仕様もあります。
知覚可能な情報とユーザー・インターフェース
テキスト以外のコンテンツの代替テキスト
テキスト代替とは、テキスト以外のコンテンツに相当するものである。例えば、以下のようなものがあります:
- 画像、アイコン、ボタン、グラフィックスなどの短い代替テキスト
- チャート、図表、イラストに表されているデータの説明
- オーディオやビデオファイルなどの非テキストコンテンツの簡潔な説明
- フォームコントロール、入力欄、その他のユーザーインターフェースコンポーネントのラベル
テキスト代替は、画像の目的や機能を伝え、同等のユーザーエクスペリエンスを提供します。たとえば、検索ボタンの適切なテキスト代替は「拡大鏡」ではなく「検索」です。
テキスト代替は様々な方法で提示することができます。例えば、画面を見ることができない人や読み取りに困難を持つ人のために音声で読み上げられたり、カスタムテキストサイズに拡大されたり、点字デバイスに表示されたりすることがあります。テキスト代替は、キーボードナビゲーションや音声認識(音声入力)によるナビゲーションを支援するためのコントロールや機能のラベルとして機能します。また、オーディオ、ビデオ、その他のフォーマットのファイルや、ウェブサイトの一部として組み込まれたアプリケーションを識別するためのラベルとしても機能します。
代替テキストに関するアクセシビリティ要件(技術仕様へのリンク)
WCAG
UAAG
ATAG
- 原則 A.1: オーサリングツールのユーザーインターフェースは、該当するアクセシビリティガイドラインに従う
- ガイドライン A.2.1: (オーサリングツールのユーザーインターフェースにおいて)著者が代替コンテンツを利用できるようにする。
- ガイドライン A.2.2: (オーサリングツールのユーザーインターフェイス用) 編集ビューの表示がプログラムで決定できることを保証する
- ガイドライン A.3.7: (オーサリングツールのユーザーインターフェイス用) プレビューが市場に出回っているユーザーエージェントと同等以上にアクセシブルであることを保証する
- パート B. アクセシブルなコンテンツの制作をサポートする
代替テキストに関連する記事
マルチメディアのためのキャプションとその他の代替手段
音声を聞いたり映像を見たりすることができない人には、代替手段が必要です。例えば、以下のようなものがあります:
- ラジオインタビューの録音など、音声コンテンツのためのテキストトランスクリプトとキャプション
- ビデオ内の重要な視覚的詳細を説明するための音声解説
- 関連する聴覚体験を含む音声コンテンツのための手話通訳
正確な順序で聴覚または視覚情報を含むよく書かれたテキストトランスクリプトは、基本的なアクセシビリティレベルを提供し、キャプションや音声解説の制作を容易にします。
マルチメディアに関するアクセシビリティ要件(技術仕様へのリンク)
コンテンツはさまざまな方法で提示できる
コンテンツの表示をユーザーが変更できるようにするためには、以下が必要です:
- 見出し、リスト、テーブル、入力フィールド、およびコンテンツ構造が適切にマークアップされている
- 情報や指示の順序が、任意の表示から独立している
- ブラウザと支援技術が、表示をカスタマイズするための設定を提供している
この要件を満たすことで、コンテンツが正しく音声で読み上げられたり、拡大されたり、さまざまな人々のニーズや好みに合わせて適応されたりすることが可能になります。例えば、読みやすさを向上させるために、カスタムの色組み合わせ、テキストサイズ、その他のスタイリングを使用して表示されることがあります。この要件は、ページのアウトラインや要約を自動生成するなど、他の形式の適応も容易にします。これにより、人々が概要を把握したり、特定の部分により簡単に焦点を当てたりするのに役立ちます。
適応性に関するアクセシビリティ要件(技術仕様へのリンク)
順応性に関連する記事
コンテンツが見やすく、聞き取りやすくなる
識別可能なコンテンツは見やすく、聞き取りやすい。そのようなコンテンツには以下のようなものがあります:
- 色が情報を伝えたりコンテンツを識別したりする唯一の方法として使用されていない
- デフォルトの前景色と背景色の組み合わせが十分なコントラストを提供している
- ユーザーがテキストを400%まで拡大したりテキストの間隔を変更したりしても、情報が失われない
- テキストは小さいウィンドウ(「ビューポート」)や、ユーザーがテキストを大きくしたときにリフローする
- テキストの画像がリサイズ可能であり、実際のテキストに置き換えられるか、可能な限り避けられる
- ユーザーは、ウェブサイトで再生される音声を一時停止、停止、または音量を調整することができる
- 背景音は低く設定されているか、干渉や気晴らしを避けるためにオフにできる
この要件を満たすことは、前景と背景を区別し、重要な情報をより識別しやすくするのに役立ちます。これには、支援技術を使用しない人々と、支援技術を使用している人々が、背景の目立つ音声や視覚コンテンツによる干渉を感じる可能性がある場合の考慮事項が含まれます。例えば、多くの色覚異常を持つ人々は特定のツールを使用せず、テキストとその周囲の背景との間に十分な色のコントラストを提供する適切なデザインに依存しています。他の人にとっては、自動的に再生される音声がテキスト読み上げや支援聴取デバイス (ALDs) (英語版)と干渉する可能性があります。
識別可能性に関するアクセシビリティ要件(技術仕様へのリンク)
区別可能性に関連する記事
操作可能なユーザー・インターフェースとナビゲーション
キーボードからの操作が可能
多くの人々はマウスを使用せず、キーボードに頼ってウェブとやり取りします。これには、フォームコントロール、入力欄、その他のユーザーインターフェイスコンポーネントを含む、すべての機能へのキーボードアクセスが必要です。
キーボードのアクセシビリティ:
- マウスで利用可能なすべての機能がキーボードでも利用可能である
- キーボードフォーカスがコンテンツの任意の部分に閉じ込められない
- ウェブブラウザ、オーサリングツール、およびその他のツールがキーボードサポートを提供する
この要件を満たすことで、エルゴノミックなレイアウトのキーボード、オンスクリーンキーボード、スイッチデバイスなどの代替キーボードを使用する人々を含む、キーボードユーザーを支援できます。また、音声認識(音声入力)を使用してウェブサイトを操作したり、キーボードインターフェースを通じてテキストを入力したりする人々にも役立ちます。
キーボード・アクセシビリティに関するアクセシビリティ要件(技術仕様へのリンク)
キーボード・アクセシビリティに関連する記事
コンテンツを読み、利用するのに十分な時間が必要なユーザー
コンテンツを読んだり利用したりするのに、他の人よりも多くの時間を必要とする人もいます。例えば、テキストを入力したり、説明を理解したり、コントロールを操作したり、ウェブサイト上のタスクを完了したりするのに、より多くの時間を必要とする人もいます。
十分な時間を提供する例としては、以下のような仕組みがある:
- 必要な場合を除き、制限時間を停止、延長、または調整する。
- 動いている、点滅している、またはスクロールしているコンテンツを一時停止、停止、または非表示にする。
- 必要な場合を除き、中断を延期または抑制する。
- セッションが終了したときに、データを失うことなく再認証する。
十分な時間に関するアクセシビリティ要件(技術仕様へのリンク)
十分な時間に関連する記事
発作や身体反応を引き起こさない内容
特定の速度やパターンで点滅するコンテンツは、発作を含む光感受性反応を引き起こすことがあります。点滅するコンテンツは理想的には完全に避けるべきであり、または既知のリスクを引き起こさない方法でのみ使用されるべきです。さらに、アニメーションや動くコンテンツは不快感や身体反応を引き起こすことがあります。
発作や身体反応を引き起こさないようにするための例:
- 特定の速度やパターンで点滅するコンテンツは含めない
- 点滅するコンテンツを提示する前にユーザーに警告し、代替手段を提供する
- アニメーションを停止する機構を提供する(それが不可欠でない限り)
発作に関連するアクセシビリティ要件(技術仕様へのリンク)
WCAG(ウェブコンテンツアクセシビリティガイドライン)
UAAG(ユーザーエージェントアクセシビリティガイドライン)
ATAG(オーサリングツールアクセシビリティガイドライン)
簡単にナビゲートし、コンテンツを見つけ、どこにいるかを判断できるユーザ
整理されたコンテンツは、利用者が自分自身を見つけ、効果的にナビゲートするのに役立ちます。そのようなコンテンツには以下が含まれます:
- ページには明確なタイトルがあり、記述的なセクション見出しを使って整理されています
- ウェブページのセット内で関連するページを見つけるための複数の方法があります
- 利用者は関連するページのセット内での現在の位置について情報を得ることができます
- 複数のページに繰り返されるコンテンツのブロックを迂回する方法があります
- キーボードフォーカスが可視であり、フォーカスの順序が意味のあるシーケンスに従っています
- リンクの目的が明確であり、理想的にはリンクが単独で表示された場合でも理解できます
この要件を満たすことで、特定のニーズや好みに応じて、人々が異なる方法でウェブページをナビゲートできるようになります。たとえば、特定のウェブページを見つけるためにメニューバーなどの階層的なナビゲーション構造に依存する人もいれば、代わりにウェブサイト上の検索機能に依存する人もいます。コンテンツを見る人もいれば、聞く人もいるかもしれませんし、同時に見て聞く人もいます。マウスのみ、またはキーボードのみを使ってコンテンツを使用する人もいれば、両方を使用する人もいます。
ナビゲーションに関連するアクセシビリティ要件(技術仕様へのリンク)
WCAG(ウェブコンテンツアクセシビリティガイドライン)
UAAG(ユーザーエージェントアクセシビリティガイドライン)
- ガイドライン 2.2 - 順次ナビゲーション
- ガイドライン 2.3 - 直接ナビゲーションおよびアクティベーション
- ガイドライン 2.4 - テキスト検索
- ガイドライン 2.5 - 構造的ナビゲーション
- ガイドライン 2.7 - グラフィカルコントロール
ATAG(オーサリングツールアクセシビリティガイドライン)
ナビゲーションに関連するストーリー
キーボード以外のさまざまな入力モダリティを使うユーザー
タッチ操作、音声認識(音声入力)、ジェスチャーなど、キーボードを超えた入力方式は、多くの人にとってコンテンツの使用を容易にします。しかし、すべての人がこれらの入力方式を同じ程度に使用できるわけではありません。これらの入力方式の利点を最大化するためには、特定の設計上の考慮が必要です。これには以下が含まれます:
- 器用さや細かな動きを必要とするジェスチャーには、高い器用さを必要としない代替手段があります
- コンポーネントは、例えば元に戻す機能を提供することによって、誤操作を避けるように設計されています
- ユーザーに提示されるラベルは、音声による操作をサポートするために、コード内の対応するオブジェクト名と一致します
- 動作によってアクティブ化される機能は、ユーザーインターフェースコンポーネントを通じてもアクティブ化できます
- ボタン、リンク、およびその他のアクティブなコンポーネントは、タッチによるアクティブ化を容易にするために十分に大きいです
この要件を満たすことで、様々な能力を持つ多くの人々が、様々なデバイスを使用してコンテンツをより簡単に使用できるようになります。これには、携帯電話、タブレットコンピュータ、チケット販売機などのセルフサービス端末で使用されるコンテンツが含まれます。
入力方式に関連するアクセシビリティ要件(技術仕様へのリンク)
WCAG(ウェブコンテンツアクセシビリティガイドライン)
入力方式に関連するストーリー
情報とユーザーインターフェイスの理解可能性
テキストは読みやすく、理解しやすい
コンテンツ制作者は、テキストコンテンツができるだけ広い聴衆に読みやすく理解しやすいことを確認する必要があります。これには、テキスト読み上げソフトウェアによって読み上げられた場合も含まれます。そのようなコンテンツには以下が含まれます:
- ウェブページの主言語(アラビア語、オランダ語、韓国語など)の特定
- ウェブページのテキストパッセージ、フレーズ、またはその他の部分の言語の特定
- 通常使用されない単語、フレーズ、イディオム、略語の定義の提供
- 可能な限り最も明瞭で簡潔な言語の使用、または簡略化されたバージョンの提供
この要件を満たすことで、支援技術を含むソフトウェアがテキストコンテンツを正しく処理するのに役立ちます。例えば、この要件はソフトウェアがコンテンツを読み上げたり、ページの要約を生成したり、専門用語などの珍しい単語の定義を提供したりするのに役立ちます。また、より複雑な文章、フレーズ、語彙を理解するのが困難な人々、特にさまざまなタイプの認知障害を持つ人々にとっても役立ちます。
読みやすさに関連するアクセシビリティ要件(技術仕様へのリンク)
WCAG(ウェブコンテンツアクセシビリティガイドライン)
ATAG(オーサリングツールアクセシビリティガイドライン)
読みやすさに関連するストーリー
コンテンツは予測可能な方法で表示され、操作される
多くの人々は予測可能なユーザーインターフェースに依存しており、一貫性のない外観や振る舞いによって混乱したり気が散ったりします。コンテンツをより予測可能にする例には以下のようなものがあります:
- 複数のページに繰り返されるナビゲーションメカニズムは、毎回同じ場所に表示されます
- ウェブページ上で繰り返されるユーザーインターフェースコンポーネントは、毎回同じラベルを持っています
- ウェブページ上の重要な変更は、ユーザーの同意なしには発生しません
この要件を満たすことで、人々はウェブサイト上で提供される機能とナビゲーションメカニズムを迅速に学習し、特定のニーズと好みに応じて操作できるようになります。たとえば、一部の人々は、キーボードナビゲーションを向上させるために、頻繁に使用する機能にパーソナライズされたショートカットキーを割り当てます。他の人々は、特定のページに到達するためのステップや、ウェブサイト上でのプロセスを完了するためのステップを記憶します。どちらも予測可能で一貫した機能に依存しています。
予測可能性に関連するアクセシビリティ要件(技術仕様へのリンク)
WCAG(ウェブコンテンツアクセシビリティガイドライン)
UAAG(ユーザーエージェントアクセシビリティガイドライン)
ATAG(オーサリングツールアクセシビリティガイドライン)
予測可能性に関連するストーリー
ミスの回避と修正に貢献するユーザー
フォームやその他のインタラクションは多くの人にとって混乱するか使いにくい場合があり、その結果、間違いを犯す可能性が高くなることがあります。ユーザーが間違いを避けて修正するのを助ける例には以下のようなものがあります:
- 説明的な指示、エラーメッセージ、および修正のための提案
- より複雑な機能やインタラクションに対する文脈に応じたヘルプ
- 必要に応じて、提出内容を確認、修正、または取り消す機会
この要件を満たすことで、コンテンツを見たり聞いたりしない人々、暗黙の関係、順序、その他の手がかりを認識できない人々を助けることができます。また、機能を理解できない人、方向感覚が失われたり混乱したりする人、忘れたり、フォームやインタラクションを使用して何らかの理由で間違いを犯す人も支援されます。
入力支援に関連するアクセシビリティ要件(技術仕様へのリンク)
WCAG(ウェブコンテンツアクセシビリティガイドライン)
UAAG(ユーザーエージェントアクセシビリティガイドライン)
ATAG(オーサリングツールアクセシビリティガイドライン)
入力支援に関連するストーリー
頑丈なコンテンツと信頼性の高い解釈
コンテンツは現在および将来のユーザーツールと互換性がある
頑丈なコンテンツは、さまざまなブラウザ、支援技術、およびその他のユーザーエージェントと互換性があります。これを達成する方法の例には以下が含まれます:
- マークアップが信頼できる形で解釈されることを確実にする(例えば、それが有効であることを確認することによって)
- 非標準ユーザーインターフェースコンポーネントに名前、役割、および値を提供する
この要件を満たすことで、現在および将来のユーザーエージェント、特に支援技術との互換性を最大限に高めるのに役立ちます。特に、支援技術がコンテンツを信頼性を持って処理し、異なる方法で提示または操作できるようになります。これには、非標準の(スクリプト化された)ボタン、入力フィールド、その他のコントロールが含まれます。
互換性に関連するアクセシビリティ要件(技術仕様へのリンク)
WCAG(ウェブコンテンツアクセシビリティガイドライン)
UAAG(ユーザーエージェントアクセシビリティガイドライン)
ATAG(オーサリングツールアクセシビリティガイドライン)