← すべての記事

代替テキストの書き方と、アプリごとに隠れた入力欄の場所

代替テキスト(altテキスト)は、画像に添える短い説明文です。
画像が見えない人にはスクリーンリーダーがこれを読み上げ、検索エンジンはこれを読んで、画像に何が写っているかを知ります。
大きなアプリにはどれも入力欄がありますが、メインの画面には出てこないので、つい飛ばしてしまいがちです。

(Tublish創業者)

空欄のままにすると、どうなるか

InstagramとFacebookは、空欄を画像からの推測で埋めます。人や食べ物など、認識できたものを並べたリストです。
画像が見えない人には、なぜそれを投稿したのかがほとんど伝わりません。

XとBlueskyは、推測すらしません。
自分で書いた説明がなければ、スクリーンリーダーは画像があることだけを告げて、次へ進みます。

伝わる代替テキストの書き方

画像が表示されなかったとしたら、何を知っておく必要があるかを書きましょう。
投稿した理由になったものから書き始め、大事な細部を書き足します。

  • 「ケーキ」だけでは、ほとんど何も伝わりません。「白い皿にのったいちごのショートケーキ。断面に、スポンジの間のいちごとクリームが見える」と書けば、何を見せたい写真なのかが伝わります。
  • スクリーンリーダーが画像であることをすでに伝えるので、「〜の画像」「〜の写真」は省きましょう。
  • 値段やレシピの手順など、画像に文字が入っているなら、その文字も入力しましょう。多くの場合、それがいちばん伝えたいことです。
  • たいていは1〜2文で十分です。ウェブアクセシビリティを教えているWebAIMも、数語で足りることが多いとしています。
  • ハッシュタグや冗談は、キャプションに書きましょう。

代替テキストを書くのは、投稿前のちょっとした作業の中でもいちばん早く済み、10秒ほどで終わります。
それだけで、スクリーンリーダーを使う人にも、ほかの人と同じ投稿が届きます。

アプリごとの入力欄の場所

入力欄は、キャプションを書く画面から1〜2回タップした先にあります。
アプリのアップデートで場所が変わることもあるので、下の手順と合わないときは「ALT」や「Accessibility」(アクセシビリティ)という言葉を探してください。

  • Instagram:キャプションの画面で「Advanced settings」(詳細設定)、「Accessibility」(アクセシビリティ)、「Write alt text」(代替テキストを書く)の順に開きます。投稿済みなら、点が3つのメニューから「Edit」(編集)、「Edit alt text」(代替テキストを編集)の順にタップします。
  • Facebook:パソコンで、新しい投稿の写真にマウスを合わせて「Edit」(編集)を押し、「Alternative text」(代替テキスト)を選びます。投稿済みなら、写真を開いて、そのメニューから「Change alt text」(代替テキストを変更)を探します。
  • LinkedIn:画像を追加したら、投稿する前に、画像の上の「Alt text」(代替テキスト)ボタンを押します。
  • X:画像の「+ALT」を押します。入力欄には1,000文字まで入ります。
  • Bluesky:画像の「ALT」を押します。アプリでは2,000文字まで入力できます。

動画は勝手が違う

ほとんどのアプリには、動画用の代替テキストの欄がありません。
動画では、字幕と、何が映っているかを伝える最初の1行が、同じ役目を果たします。

自分のウェブサイトを、1分ほどで

Tublishは、チャンネルのための本物の拠点を、自分のアドレスにつくります。動画、リンク、文章、そして自分のメーリングリストも。

無料アカウントを作成