SNSの代替テキスト：写真・告知画像・グラフの実践チェックリスト

適切な代替テキストは、画像が投稿に加える情報を伝えます。宣伝文句をもう一度書く場所でも、検索キーワードを繰り返す場所でもありません。読者が何をしたいのかを考え、画像を見なくても理解に必要なことを説明しましょう。

このガイドでは、修理の写真、イベントの告知画像、小さなグラフという3つの架空の例を使います。画像説明に対応したツールならどれでも使える方法ですが、保存した下書きと公開した投稿は、必ずネットワークごとに確認してください。

画像が何を加えているかを考える

画像なしで投稿を読んでみます。何が足りないでしょうか。壊れた部品の位置、イベントの詳細、比較、意図した見た目のスタイルなどかもしれません。色や物を並べる前に、それを書き出してください。W3Cの画像判断フローは、画像の役割を見極めるのに役立ちます。

SNSには、ウェブサイトのHTMLと同じ画像の設定はありません。説明欄を空にしても、装飾用の画像として確実に扱われるわけではありません。役立つ情報を何も加えない画像なら、その投稿に本当に必要かを考えましょう。

写真は役立つ細部を説明する

修理のコツを伝えるなら、「椅子の写真」では要点が伝わりません。例えば「木製椅子の裏側。左奥の角金具が緩み、金具と座面の間に隙間が見える」と書くと役立ちます。修理の手順は投稿そのもので説明できます。

物の位置、読めるラベル、説明に必要な細部を含めます。見えない原因や、人物の身元や感情を推測しないでください。説明が最終的な切り抜きと合っているか確認しましょう。使い回した説明には、もう写っていないものが残っていることがあります。

告知画像の文字をテキストでも伝える

イベントの告知画像では、行動に必要な情報を含めます。例えば「地域の修理ワークショップ。2026年10月16日18:00〜20:00、川辺図書館。無料、事前申込必須」です。これはあくまで例で、実在のイベントではありません。投稿には、ちゃんと開ける申込リンクと、必要ならタイムゾーンも入れましょう。

重要な案内を画像の中だけに入れないでください。同じ情報がすでに本文にあるなら、画像説明には画像が加える内容だけを書きます。無関係なハッシュタグ、売り文句、長い追跡用リンクは入れないようにします。

グラフは見た目だけでなく意味を説明する

簡単な例として、「棒グラフ。ワークショップの申込数は第1週の12件から第2週の18件に増加」とすれば、値と比較が伝わります。数字は架空です。単位と期間を入れて、「青い棒の方が高い」以上のことが読者に伝わるようにします。

複雑なグラフには、短い説明に加えて、投稿からリンクした表や詳しい説明が必要な場合があります。W3Cの複雑な画像に関するガイドで、この方法が説明されています。文字数に合わせるために重要なデータを削ったり、グラフが示している以上のことを証明していると言ったりしないでください。

編集中も画像と説明の組を保つ

計画用のメモには、最終画像とその説明を並べて置いておきます。画像を差し替えたり、切り抜いたり、並べ替えたりしたら、それぞれに正しい説明が付いているか確認してください。画像内の重要な文字も含め、読者に合わせて説明を翻訳します。数字、名前、連続する画像の順番はそのまま保ちます。

投稿ツールに画像説明の欄があれば使い、保存した下書きを開き直します。すべてのツールがすべてのネットワークに説明を渡すわけではありません。ネットワークが情報を保持できない場合は、投稿本文かリンク先のページに書きましょう。

読者に実際に届くものを確認する

公開後は、そのネットワーク自身のアプリで各画像と説明を開きます。可能ならスクリーンリーダーなどのアクセシビリティ機能を使い、投稿と並べても説明が意味をなすか確認してください。アップロードに成功しても、説明が届いた証拠にはなりません。

静止画の代替テキストは、動画の話し声や重要な音に付ける字幕の代わりにはなりません。字幕についてはW3Cの字幕ガイドで別に説明されています。複数SNSへの投稿チェックリストも手元に置いておきましょう。Studioでは、投稿を書きながら各画像に説明を付けられます。その説明は画像と一緒に、X (Twitter)、Bluesky、Mastodonなど画像説明に対応したネットワークへ送られます。Studioはまだ利用できませんが、ウェイトリストに登録できます。