イベント画像の代替テキスト:ポスターや会場写真の例
同じ写真でも掲載するページによって適切な代替テキストは変わります。Harvardの案内は目的と周囲の文脈を重視します。例文は実際の画像に合わせて編集してください。
Boletolibre編集部
公開日
ページ内での役割を決める
画像を除いたとき、情報や操作が失われるかを考えます。装飾や近くの文と重複する場合は空のaltが適切なことがあります。情報画像は重要な意味を、画像だけのリンクは移動先や操作を伝えます。[1][2]
重要な情報をポスターだけに置かない
日時、場所、価格をページの実テキストにも掲載します。すぐ隣に同じ情報があれば空のaltを検討し、画像だけに残る文字は同等のテキストを用意します。検索語を詰め込まないでください。[2][3]
利用目的に役立つ内容を書く
入口写真では実際に見える確認済みの目印を示せます。人物名が隣にない場合のみ肖像で補い、ロゴは団体名、画像リンクは操作を伝えます。個人の属性を推測しないでください。[1][2]
地図や日程には別の説明を用意する
セッション、時間、場所を構造化したテキストで提供します。地図には確認済みの経路文を添えます。短いaltだけでは複雑な情報を伝えられません。[4]
文脈と言語を確認する
画像なしでページを読み、目的を果たせるか試します。画像変更時は代替テキストと本文の両方を更新します。CSVは編集判断の補助です。[1]
出典と参考資料
- Write helpful Alt Text to describe imagesHarvard University Digital Accessibility Services · 確認日
- An alt Decision TreeW3C Web Accessibility Initiative · 確認日
- Images of TextW3C Web Accessibility Initiative · 確認日
- Complex ImagesW3C Web Accessibility Initiative · 確認日