画像のALTは見た目だけを書く？先に確かめたい3つのこと

画像の説明をAIへ頼む前に、掲載ページでその画像が何を伝えるかを確認しましょう。色や形を細かく列挙しても、読む人に必要な意味や操作が伝わるとは限りません。画像・周囲の本文・役割を一組にして考えるのが出発点です。

まず、周りの本文を読む
図にしかない手順や数値は何か、見出しや本文ですでに伝わる内容は何かを書き出します。同じ画像でも、使う場所によって説明は変わります。例えば「原本を残す→コピー→編集」の架空の手順図なら、四角が三つ並ぶことより、その手順が伝わる文案を考えます。

次に、画像の役割を分ける
W3C WAIの画像チュートリアルは、情報を伝える画像、機能を担う画像、装飾だけの画像など、目的に応じた考え方を示しています。画像だけの保存ボタンなら、見た目の記号より実際の操作を説明する案が候補です。リンクの場合は本当の行き先を確認し、想像した動作を書きません。

装飾画像のWeb実装では、空のalt属性を使う方法があります。alt=""と属性そのものの省略は同じではありません。ただし、小さいから装飾と決めず、意味や機能がないか確認します。CMSやSNSの入力仕様には違いがあるため、一律に扱わないことも大切です。

最後に、AI案と原本を照合する
AIが画像を見ていないなら、見えていない内容を推測しない条件を付けます。人物の気持ちや背景事情を勝手に補わず、重要な文字・数字、操作の意味が一致するか確認しましょう。複雑な図の詳細は、短いALTに詰め込むだけでなく本文や表でも伝えます。

点検は「画像の版」「周辺説明」「役割」「推測の有無」「保存後の入力内容」の五項目から始められます。文案の確認と、実装や読み上げ環境での確認は分け、実施した範囲を記録してください。

目的カード・架空例・点検票を使う有料note（500円、無料見本あり）：画像の目的からALTを考える資料

AI利用表記：ローカルAI（Ollama/qwen2.5:3b）の元稿を一次資料と照合して編集。画像はコードで描画。