同じ画像でも、置かれるページによって必要な代替テキストは変わります。カタログの椅子の写真は商品を示しますが、すでに名前のあるリンクの横の小さな画像は、その意味を繰り返しているだけかもしれません。「何が写っているか」だけでなく、「なぜここにあり、見えなければ何が伝わらないか」を先に考えましょう。
三つの役割を分ける
情報を伝えるイラストには、文脈の中で重要な意味を簡潔に表す代替が必要です。画像だけで構成されたボタンやリンクでは、見た目より操作や移動先が重要になります。純粋な装飾は、余分な読み上げを生まないようにします。W3Cの判断ツリーは区別の助けになりますが、内容を理解した編集判断の代わりではありません。
注目してほしい点を書く
部屋の配置を説明する架空の記事に、通路の脇の椅子が写っているとします。ここで大切なのは位置関係であり、張り地の色をすべて列挙することではありません。快適さ、品質、効果、「最高」といった写真から証明できない性質は付け足さないようにします。概念的なイラストなら、そのように明示できます。目に見えるキャプションには、出典やすべての読者に役立つ補足を別に記載できます。
操作する画像では動作を伝える
虫眼鏡のアイコンは、検索を開く場合も、写真を拡大する場合も、詳細を表示する場合もあります。形を説明するだけでは、押した後の動作が分かりません。同じリンク内に動作を十分に説明する文字があれば、画像は重複した情報になり得ます。各画像に同じ文言を入れるのではなく、操作要素全体のアクセシブルな名前を確認しましょう。
空のaltと、altの欠落は異なる
W3Cは装飾画像について空の代替テキストを説明しています。これは意図的な判断であり、属性がない状態とは異なります。重要な情報を隠すために使ってはいけません。複数の関係を示す図やデータを伝えるグラフは、短いaltだけで十分に説明できないことがあります。近くにアクセス可能な文章として内容を示しましょう。
ページを会話のように読む
本文と画像の代替をページの順序で読んでみます。同じ名前を三回繰り返していないでしょうか。ボタンの目的は分かるでしょうか。画像の中だけに残っている情報はないでしょうか。その後、支援技術で実際の読み上げを確認します。別の言語ではファイル名ではなく、意味と動作を翻訳します。適切なaltはページの理解を助けるものであり、宣伝語句の置き場でも検索順位の保証でもありません。