適用 (対象)
全てのウェブコンテンツ技術
これは達成基準 1.1.1: 非テキストコンテンツ (十分な達成方法)に関する達成方法である。
解説
この達成方法の目的は、元の非テキストコンテンツと同じ目的を果たし、かつ同じ情報を提示するテキストによる代替を作成することである。その結果、非テキストコンテンツを取り除いてテキストによる代替で置き換えることができ、機能又は情報が失われてしまうことはない。このテキストによる代替は、必ずしも非テキストコンテンツ自体について記述すべきではない。同じ目的を果たし、同じ情報を伝達するべきである。これは、非テキストコンテンツの説明のようになるテキストによる代替をもたらすことがある。しかしながら、このが同じ目的を果たすための最善の方法である場合にのみ当てはまる。
可能であれば、短いテキストによる代替は目的及び情報を完全に伝達すべきである。短いフレーズ又は文ではそれが不可能な場合は、短いテキストによる代替でその情報の簡潔な概要を提供すべきである。併せて長いテキストによる代替も使って情報の全てを伝達する。
テキストによる代替は、非テキストコンテンツの代わりをすることができるべきである。非テキストコンテンツがページから削除され、そのテキストに置き換えられたとしても、そのページが同じ機能及び情報を提供する。テキストによる代替は簡潔で、できる限り有益な情報とする。
代替テキストにどのようなテキストを入れるか決める場合に、以下のような質問について考えるとよい:
- なぜこの非テキストコンテンツがここにあるのか？
- それはどのような情報を示しているのか？
- それはどのような目的を果たすのか？
- 非テキストコンテンツを使用することができない場合、どのような言葉を使って同じ機能及び／又は情報を伝達するか？
非テキストコンテンツがコンテンツを理解する上で重要な文言を含んでいる場合、代替テキストもその文言を含んでいるべきである。画像内のテキストが短いテキストによる代替では収まらない場合は、短いテキストによる代替で説明し、かつ長いテキストによる代替で完全なテキストを提供すべきである。
事例
- 検索ボタンが虫眼鏡の画像を使っている。そのテキストによる代替には「虫眼鏡」ではなく、「検索」である。
- ロープに結び目が作られていく様子を矢印で示して、結び目がどのような結び方になっているかを絵で説明している。そのテキストによる代替は結び方を説明すべきで、その絵が何に見えるかではない。
- おもちゃを正面から見た絵がある。そのテキストによる代替はおもちゃの正面から見た様子を説明している。
- タイヤの交換方法をアニメーションで示している。短いテキストによる代替はそのアニメーションが何についてであるかを説明している。長いテキストによる代替はタイヤの交換方法を説明している。
- TechTron 社のロゴがリスト中のそれぞれの製品の隣にあり、「TechTron」という短いテキストによる代替により製造元を示している。
- 10 月の売上げを示しているグラフには「10 月の売上表」という短いテキストによる代替がある。 併せてそのグラフの全ての情報を提供する長い説明もある。
- 図案化された文字の「戦争の歴史」という言葉を埋め込んだ画像が見出しにある。その画像に対する代替テキストは「戦争の歴史」である。
- 棚の上に並んだ本の画像にはその本に関するウェブページへのナビゲーション手段を提供するインタラクティブなエリアがある。「この区画で購入できる本。本を選択するとその本の詳細がわかります。」というテキストによる代替は画像及びインタラクティブな性質を説明している。
検証
手順
- 非テキストコンテンツを削除する、非表示にする、又は隠す。
- テキストによる代替で置き換える。
- 何も情報が失われていないことを確認する (非テキストコンテンツの目的がテキストによる代替によって満たされている)。
- 非テキストコンテンツがコンテンツを理解する上で重要な単語を含む場合、その単語をテキストによる代替に含めている。
期待される結果
- 3.の結果が真である。非テキストコンテンツにコンテンツを理解するために必要な単語が含まれている場合は、4.の結果も真であることを確認する。