空欄のままにすると、どうなるか
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行が、同じ役目を果たします。