代替テキスト

画像を伝える言葉

画像が伝える内容を、言葉で同じように伝えるのが代替テキストです。画像と一緒に保存され、通常はページ上に表示されません。視覚に障害がある人や見えにくい人は、スクリーンリーダーでその内容を聞きます。画像を読み込めない場合にも表示され、検索エンジンも画像の内容を理解するために使います。

よい代替テキストの書き方

画像内のすべての物ではなく、その画像がページで伝える内容を説明します。1〜2文に収め、大切な部分から書きましょう。「〜の画像」「〜の写真」は省きます。スクリーンリーダーが、すでに画像であることを伝えるためです。「猫」より「図書館の本の山の上で眠る猫」のほうが役立ちます。

• 商品や作品の画像なら、重要な特徴を説明します。
• 文字が含まれている場合は、その文字も書きます。
• リンクやボタンなら、見た目ではなく移動先を説明します。

空にする場合

飾りや背景模様など、純粋に装飾用の画像は、見えない人に情報を加えません。その場合は代替テキストを空にし、スクリーンリーダーに画像を読み飛ばすよう伝えます。意味を持たないものを長く説明するより適切です。

ひと手間をかける価値

代替テキストは、小さなサイトをより多くの人に親切な場所にする最も簡単な方法の一つです。なくても見た目は変わらないため、忘れやすくもあります。なぜその画像を置くのかはっきりしている、追加したその場で書きましょう。詳しいサイトの代替テキストの書き方ガイドでは、小さなサイトで使う画像の例を紹介しています。

casaの代替テキスト

ポートフォリオや投稿に画像を追加するときは、それぞれに短い説明を付けてください。casaは小さな場所です。よく選んだいくつかの言葉が、誰もが参加できるようにします。Mini Casaの言語とアクセシビリティについてもご覧いただけます。