作品画像のaltテキストの書き方｜画像の役割に合わせる説明例

作品画像のaltテキストは、画像を表示できないときや、スクリーンリーダーなどでページを読むときに、画像が伝える内容を補う文章です。検索キーワードを並べる欄として使うのではなく、その場所で画像が果たす役割から考えましょう。

画像で伝えたい情報を一つずつ確かめる

作品そのものを紹介する画像なのか、額装の方法を示す写真なのか、撮影前後を比較する画像なのかで説明は変わります。同じ写真でも、記事の目的によって必要な情報が違います。本文とキャプションを読んで、画像を見ないと伝わらない点を探してください。

例えば、架空の静物画を紹介するなら「青い布の上に白い花瓶と二つのりんごを描いた静物画」のように、主な対象と配置を説明できます。一方、照明の比較記事なら「ガラスの中央に照明が白く反射し、絵の一部が見えにくい状態」のように、比較のポイントを書く方が役立ちます。

本文やキャプションとの重複を減らす

作者名、作品名、制作年などを画像のすぐ近くに記載している場合、すべてをaltにも繰り返すと説明が長くなります。既に伝わる情報と、画像で補う情報を分けます。作品名だけでは画像の内容が伝わらない場面もあるため、単にファイル名を貼り付けないようにしましょう。

作品への評価や作者の感情を推測して書く必要はありません。「傑作」「悲しみを表す」などの解釈は、根拠とともに本文で説明する内容です。altでは見える事実と記事に必要な情報を中心に、読み返して理解できる文章に整えます。

装飾画像とリンク画像は役割を確認する

情報を持たず、見た目を整えるためだけの画像では、空のalt属性（alt=""）を使う考え方があります。反対に、画像だけがリンクやボタンになっている場合は、移動先や操作内容が伝わる名前が必要です。リンク内のテキストが既に同じ役割を説明している場合は、その組み合わせ全体で判断します。

こうした使い分けはW3Cの画像に関するアクセシビリティ解説に整理されています。作品画像を一律に装飾扱いにしたり、どの画像にも記事タイトルを入れたりせず、実際の表示と操作を確認してください。

複雑な説明は本文にも用意する

作品の細部を多数比較する図や工程図は、短いaltだけでは十分に説明できないことがあります。その場合は、画像が何を示すかを簡潔に伝え、詳しい手順や比較結果を近くの本文にも書きます。読者が同じ情報へたどり着ける構成にすることが大切です。

最後に、ページ上でaltが適切に設定されているかを確認します。管理画面へ入力しても、テーマや部品の作り方によって反映される場所が異なる場合があります。画像リンクの目的が分かるか、同じ説明を何度も読ませていないかまで点検しましょう。

画像の切り取りや用途を変えたら、説明文も見直します。公開用画像の見え方は画像の縮小と画質の確認と合わせて整えると、画像と文章の両方から作品の内容を伝えやすくなります。