アクセシビリティの原則

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)は、ウェブアクセシビリティのための国際的に認められた標準となる一連のガイドラインを提供しています。これには以下が含まれます:

また、Ajax、JavaScript、および関連するウェブ技術で開発された動的コンテンツと高度なユーザーインターフェースコントロールを含む、アクセシブルリッチインターネットアプリケーション (WAI-ARIA) (英語版) のためのWAI仕様もあります。

知覚可能な情報とユーザー・インターフェース

テキスト以外のコンテンツの代替テキスト

テキスト代替とは、テキスト以外のコンテンツに相当するものである。例えば、以下のようなものがあります:

テキスト代替は、画像の目的や機能を伝え、同等のユーザーエクスペリエンスを提供します。たとえば、検索ボタンの適切なテキスト代替は「拡大鏡」ではなく「検索」です。

テキスト代替は様々な方法で提示することができます。例えば、画面を見ることができない人や読み取りに困難を持つ人のために音声で読み上げられたり、カスタムテキストサイズに拡大されたり、点字デバイスに表示されたりすることがあります。テキスト代替は、キーボードナビゲーションや音声認識(音声入力)によるナビゲーションを支援するためのコントロールや機能のラベルとして機能します。また、オーディオ、ビデオ、その他のフォーマットのファイルや、ウェブサイトの一部として組み込まれたアプリケーションを識別するためのラベルとしても機能します。

代替テキストに関するアクセシビリティ要件(技術仕様へのリンク)

WCAG

UAAG

ATAG

マルチメディアのためのキャプションとその他の代替手段

音声を聞いたり映像を見たりすることができない人には、代替手段が必要です。例えば、以下のようなものがあります:

正確な順序で聴覚または視覚情報を含むよく書かれたテキストトランスクリプトは、基本的なアクセシビリティレベルを提供し、キャプションや音声解説の制作を容易にします。

マルチメディアに関するアクセシビリティ要件(技術仕様へのリンク)

WCAG

UAAG

ATAG

コンテンツはさまざまな方法で提示できる

コンテンツの表示をユーザーが変更できるようにするためには、以下が必要です:

この要件を満たすことで、コンテンツが正しく音声で読み上げられたり、拡大されたり、さまざまな人々のニーズや好みに合わせて適応されたりすることが可能になります。例えば、読みやすさを向上させるために、カスタムの色組み合わせ、テキストサイズ、その他のスタイリングを使用して表示されることがあります。この要件は、ページのアウトラインや要約を自動生成するなど、他の形式の適応も容易にします。これにより、人々が概要を把握したり、特定の部分により簡単に焦点を当てたりするのに役立ちます。

適応性に関するアクセシビリティ要件(技術仕様へのリンク)

WCAG

UAAG

ATAG

順応性に関連する記事

コンテンツが見やすく、聞き取りやすくなる

識別可能なコンテンツは見やすく、聞き取りやすい。そのようなコンテンツには以下のようなものがあります:

この要件を満たすことは、前景と背景を区別し、重要な情報をより識別しやすくするのに役立ちます。これには、支援技術を使用しない人々と、支援技術を使用している人々が、背景の目立つ音声や視覚コンテンツによる干渉を感じる可能性がある場合の考慮事項が含まれます。例えば、多くの色覚異常を持つ人々は特定のツールを使用せず、テキストとその周囲の背景との間に十分な色のコントラストを提供する適切なデザインに依存しています。他の人にとっては、自動的に再生される音声がテキスト読み上げや支援聴取デバイス (ALDs) (英語版)と干渉する可能性があります。

識別可能性に関するアクセシビリティ要件(技術仕様へのリンク)

WCAG

UAAG

ATAG

区別可能性に関連する記事

操作可能なユーザー・インターフェースとナビゲーション

キーボードからの操作が可能

多くの人々はマウスを使用せず、キーボードに頼ってウェブとやり取りします。これには、フォームコントロール、入力欄、その他のユーザーインターフェイスコンポーネントを含む、すべての機能へのキーボードアクセスが必要です。

キーボードのアクセシビリティ:

この要件を満たすことで、エルゴノミックなレイアウトのキーボード、オンスクリーンキーボード、スイッチデバイスなどの代替キーボードを使用する人々を含む、キーボードユーザーを支援できます。また、音声認識(音声入力)を使用してウェブサイトを操作したり、キーボードインターフェースを通じてテキストを入力したりする人々にも役立ちます。

キーボード・アクセシビリティに関するアクセシビリティ要件(技術仕様へのリンク)

WCAG

UAAG

ATAG

キーボード・アクセシビリティに関連する記事

コンテンツを読み、利用するのに十分な時間が必要なユーザー

コンテンツを読んだり利用したりするのに、他の人よりも多くの時間を必要とする人もいます。例えば、テキストを入力したり、説明を理解したり、コントロールを操作したり、ウェブサイト上のタスクを完了したりするのに、より多くの時間を必要とする人もいます。

十分な時間を提供する例としては、以下のような仕組みがある:

十分な時間に関するアクセシビリティ要件(技術仕様へのリンク)

WCAG

UAAG

ATAG

十分な時間に関連する記事

発作や身体反応を引き起こさない内容

特定の速度やパターンで点滅するコンテンツは、発作を含む光感受性反応を引き起こすことがあります。点滅するコンテンツは理想的には完全に避けるべきであり、または既知のリスクを引き起こさない方法でのみ使用されるべきです。さらに、アニメーションや動くコンテンツは不快感や身体反応を引き起こすことがあります。

発作や身体反応を引き起こさないようにするための例:

発作に関連するアクセシビリティ要件(技術仕様へのリンク)

WCAG(ウェブコンテンツアクセシビリティガイドライン)

UAAG(ユーザーエージェントアクセシビリティガイドライン)

ATAG(オーサリングツールアクセシビリティガイドライン)

簡単にナビゲートし、コンテンツを見つけ、どこにいるかを判断できるユーザ

整理されたコンテンツは、利用者が自分自身を見つけ、効果的にナビゲートするのに役立ちます。そのようなコンテンツには以下が含まれます:

この要件を満たすことで、特定のニーズや好みに応じて、人々が異なる方法でウェブページをナビゲートできるようになります。たとえば、特定のウェブページを見つけるためにメニューバーなどの階層的なナビゲーション構造に依存する人もいれば、代わりにウェブサイト上の検索機能に依存する人もいます。コンテンツを見る人もいれば、聞く人もいるかもしれませんし、同時に見て聞く人もいます。マウスのみ、またはキーボードのみを使ってコンテンツを使用する人もいれば、両方を使用する人もいます。

ナビゲーションに関連するアクセシビリティ要件(技術仕様へのリンク)

WCAG(ウェブコンテンツアクセシビリティガイドライン)

UAAG(ユーザーエージェントアクセシビリティガイドライン)

ATAG(オーサリングツールアクセシビリティガイドライン)

ナビゲーションに関連するストーリー

キーボード以外のさまざまな入力モダリティを使うユーザー

タッチ操作、音声認識(音声入力)、ジェスチャーなど、キーボードを超えた入力方式は、多くの人にとってコンテンツの使用を容易にします。しかし、すべての人がこれらの入力方式を同じ程度に使用できるわけではありません。これらの入力方式の利点を最大化するためには、特定の設計上の考慮が必要です。これには以下が含まれます:

この要件を満たすことで、様々な能力を持つ多くの人々が、様々なデバイスを使用してコンテンツをより簡単に使用できるようになります。これには、携帯電話、タブレットコンピュータ、チケット販売機などのセルフサービス端末で使用されるコンテンツが含まれます。

入力方式に関連するアクセシビリティ要件(技術仕様へのリンク)

WCAG(ウェブコンテンツアクセシビリティガイドライン)

入力方式に関連するストーリー

情報とユーザーインターフェイスの理解可能性

テキストは読みやすく、理解しやすい

コンテンツ制作者は、テキストコンテンツができるだけ広い聴衆に読みやすく理解しやすいことを確認する必要があります。これには、テキスト読み上げソフトウェアによって読み上げられた場合も含まれます。そのようなコンテンツには以下が含まれます:

この要件を満たすことで、支援技術を含むソフトウェアがテキストコンテンツを正しく処理するのに役立ちます。例えば、この要件はソフトウェアがコンテンツを読み上げたり、ページの要約を生成したり、専門用語などの珍しい単語の定義を提供したりするのに役立ちます。また、より複雑な文章、フレーズ、語彙を理解するのが困難な人々、特にさまざまなタイプの認知障害を持つ人々にとっても役立ちます。

読みやすさに関連するアクセシビリティ要件(技術仕様へのリンク)

WCAG(ウェブコンテンツアクセシビリティガイドライン)

ATAG(オーサリングツールアクセシビリティガイドライン)

読みやすさに関連するストーリー

コンテンツは予測可能な方法で表示され、操作される

多くの人々は予測可能なユーザーインターフェースに依存しており、一貫性のない外観や振る舞いによって混乱したり気が散ったりします。コンテンツをより予測可能にする例には以下のようなものがあります:

この要件を満たすことで、人々はウェブサイト上で提供される機能とナビゲーションメカニズムを迅速に学習し、特定のニーズと好みに応じて操作できるようになります。たとえば、一部の人々は、キーボードナビゲーションを向上させるために、頻繁に使用する機能にパーソナライズされたショートカットキーを割り当てます。他の人々は、特定のページに到達するためのステップや、ウェブサイト上でのプロセスを完了するためのステップを記憶します。どちらも予測可能で一貫した機能に依存しています。

予測可能性に関連するアクセシビリティ要件(技術仕様へのリンク)

WCAG(ウェブコンテンツアクセシビリティガイドライン)

UAAG(ユーザーエージェントアクセシビリティガイドライン)

ATAG(オーサリングツールアクセシビリティガイドライン)

予測可能性に関連するストーリー

ミスの回避と修正に貢献するユーザー

フォームやその他のインタラクションは多くの人にとって混乱するか使いにくい場合があり、その結果、間違いを犯す可能性が高くなることがあります。ユーザーが間違いを避けて修正するのを助ける例には以下のようなものがあります:

この要件を満たすことで、コンテンツを見たり聞いたりしない人々、暗黙の関係、順序、その他の手がかりを認識できない人々を助けることができます。また、機能を理解できない人、方向感覚が失われたり混乱したりする人、忘れたり、フォームやインタラクションを使用して何らかの理由で間違いを犯す人も支援されます。

入力支援に関連するアクセシビリティ要件(技術仕様へのリンク)

WCAG(ウェブコンテンツアクセシビリティガイドライン)

UAAG(ユーザーエージェントアクセシビリティガイドライン)

ATAG(オーサリングツールアクセシビリティガイドライン)

入力支援に関連するストーリー

頑丈なコンテンツと信頼性の高い解釈

コンテンツは現在および将来のユーザーツールと互換性がある

頑丈なコンテンツは、さまざまなブラウザ、支援技術、およびその他のユーザーエージェントと互換性があります。これを達成する方法の例には以下が含まれます:

この要件を満たすことで、現在および将来のユーザーエージェント、特に支援技術との互換性を最大限に高めるのに役立ちます。特に、支援技術がコンテンツを信頼性を持って処理し、異なる方法で提示または操作できるようになります。これには、非標準の(スクリプト化された)ボタン、入力フィールド、その他のコントロールが含まれます。

互換性に関連するアクセシビリティ要件(技術仕様へのリンク)

WCAG(ウェブコンテンツアクセシビリティガイドライン)

UAAG(ユーザーエージェントアクセシビリティガイドライン)

ATAG(オーサリングツールアクセシビリティガイドライン)

互換性に関連するストーリー

最初に戻る