代替テキストとは 使う理由と書き方

ブログ投稿を作成したり、ソーシャル メディアに写真を投稿したりするときに、「代替」画像テキスト (代替テキストとして定型化されることもあります) を作成するためのヒントに気付きましたか? そのため、HTML 標準のこの部分が重要であり、それを適切に記述する方法を説明します。

ALT テキストが重要な理由

Alt 属性は、コンテンツの代替形式として存在します。メインのコンテンツ タイプを表示できない場合は、代わりに代替属性または「alt」属性が表示されます。代替テキストの場合、何らかの理由で画像を表示できない場合は、代わりに代替テキストの説明が表示されます。

これにより、たとえば、画像を「テキストとして」コピーすることができます。または、画像なしでウェブサイトを保存すると、代替テキストが残り、画像が何を表示すべきかを伝えます.

代替テキストも、Web アクセシビリティの重要な要素です。訪問者は視覚に障害があり、画像の代替テキストの説明を聞くためにスクリーン リーダー ソフトウェアに依存しています。代替テキストがない場合や不適切な代替テキストがある場合、視覚障害のあるユーザーのエクスペリエンスに悪影響を及ぼします。また、インターネット接続が制限されていて、テキスト ベースのブラウザに依存しているユーザーにとっては、ナビゲーションが難しくなる可能性があります。

代替テキストは、Google や Bing などの検索エンジンがコンテンツをより適切にインデックス化するのに役立つため、SEO (検索エンジン最適化) においても重要です。インデックス作成は、これらの検索エンジンでコンテンツを検索可能にするものです。

優れた ALT テキストの書き方

代替テキストは、画像の内容を文字通りに説明するだけであってはなりません。画像のコンテキストと、そもそもなぜそこにあるのかを考慮する必要があります。次の画像を検討してください。

この画像の代替テキストが「たいまつを持ち、本を持っている女性の大きな像」である場合、それは画像の内容を正確に説明しますが、適切な代替テキストにはなりません。

より適切な説明は、「曇った青空に映えるニューヨークの自由の女神」です。ページのコンテキストも重要です。画像が移民に関するニュース記事の一部である場合、代替テキストは次のようになります。「ニューヨークの自由の女神、移民志願者の強力なシンボル」

画像の目的を考えて、それに応じて代替テキストを書きましょう!

主なキーワードを alt テキストに表示することが重要ですが、特にキーワードが適切な alt テキストの説明の一部でない場合は、すべての画像に含めないでください。

ALT テキストを使用しない場合

代替テキストの使用を避けるべき状況が 2 つあります。1 つ目は、純粋に装飾的なイメージです。これらの画像は、スクリーン リーダーを使用している人にとっては興味がなく、SEO の取り組みとは無関係です。実際、純粋に装飾的な画像を記述すると、検索エンジンのインデックス作成が混乱し、スクリーン リーダーを使用しているユーザーにとって記事が理解しにくくなる可能性があります。

優れた代替テキストを作成する一般原則と同様に、代替テキストを作成するかどうかの決定は、何が読者に最大の利益をもたらすかによって異なります。代替テキストがユーザーの理解を高め、元の画像の価値を維持するのに役立つ場合は、代替テキストを含める努力をする必要があります。

ソーシャル メディアに ALT テキストを追加する

代替テキストは、ウェブサイトのデザイナーやブロガーが考慮すべきものだけではありません。私たちのほとんどはソーシャル メディアに画像を投稿しており、ほとんどのソーシャル メディア プラットフォームでは、それらの写真に代替テキストを追加する方法が提供されています。意識していないかもしれませんが、代替テキストはマシン ビジョン技術を使用して自動的に生成される場合があります。

ソーシャル メディアで代替テキストを追加または編集する手順は、これらのプラットフォームが進化するにつれて時間とともに変化します。さまざまなソーシャル メディア プラットフォームの古い手順が多数見られるため、FacebookおよびTwitterの公式ドキュメントを確認することをお勧めします。

代替テキストの追加は、画像ごとに数秒しかかかりませんが、コンテンツのパフォーマンスと、視覚障害のあるユーザーにとっての Web のアクセシビリティに大きな違いをもたらす可能性があります。