画像の代替テキストの書き方の内容を、理解・確認・行動の順に整理しました。次の図で重要点を押さえ、本文の判断材料として使ってください。
図の項目を本文と照らし合わせ、必要な条件や注意点を記録してください。不明点はそのままにせず、公式情報や専門家への確認を行ってから次の行動を決めます。
画像の役割を先に決める
代替テキストは、画像の見た目を全部描写するための説明ではなく、画像がページで担う情報や機能を補うものです。商品写真なら識別に必要な特徴、図なら読み取るべき関係、リンク画像なら遷移先や操作目的を伝えます。周囲の文章で同じ情報が十分に示されているかも見ます。
装飾画像は情報を重複させない
区切りや雰囲気づくりの画像で、追加情報がない場合は、読み上げで余計な負担にならないよう空の代替テキストを使う方法があります。画像の内容と文章が重複しているときも、同じ文を繰り返す必要があるか考えます。実装方法はHTMLの役割と利用環境を確認します。
機能画像は行き先や動作を表す
画像だけで構成されたリンクやボタンでは、写真の見た目より、押したときに何が起きるかを伝えます。ロゴがホームへのリンクになっているなら、組織名やホームへの移動が分かる名前をつけます。テキストが隣接して同じリンク先を示す場合は、重複読み上げにも注意します。
複雑な図は近くに長い説明を置く
グラフ、地図、フローチャートなどを短い代替テキストだけで説明できない場合、要点を本文や表でも示します。色だけで区別していないか、軸・凡例・数値がテキストで分かるかを確認します。図の代替説明は更新時に元データと一緒に保守できる形にします。
実際に読み上げて確かめる
画像を使う目的が伝わるか、スクリーンリーダーで前後の文章と一緒に確認します。ファイル名、画像番号、曖昧な「写真」だけになっていないか、逆に不要な形容詞を詰め込んでいないかを点検します。alt属性の有無を調べる自動検査だけでは内容の適切さは判断できません。
参考情報
制度や条件の最新情報は、次の公式情報もご確認ください。
この記事は一般的な情報提供を目的としています。個別の法律・契約・安全判断は、関係する公的窓口や資格を持つ専門家へご相談ください。
制度・仕様・料金は更新されます。情報の確認時期は各出典欄をご参照ください。実行や申込の直前に、対象となる公式情報の更新日と適用条件を確認してください。
記事内の計算例は、計算方法を示すための例です。実際の金額や条件は公式ページ・見積書・契約書で置き換えてください。
よくある確認
最初に何を確認しますか？
発生時期、条件、変化、直前に行ったことを記録します。
一度に複数の対処をしてよいですか？
原因が分からなくなるため、安全上急ぐ場合を除き一つずつ試します。
自分で解決できない場合は？
記録を整理し、公式サポートや資格を持つ専門家へ伝えます。
同じ前提で比べると、違いを確かめやすいよ。