アクセシビリティとSEOにとって代替テキストが重要な理由
Alt Text Checkerは、WCAGに準拠した非テキスト要素の代替テキストをチェックする無料のオンラインツールです。このアプリケーションはウェブページをスキャンし、代替テキストのない非テキスト要素を見つけ、問題が見つかったすべての欠陥とその説明、コードフラグメントを含むレポートを作成します。
Web アクセシビリティの観点から見ると、代替テキストは、画像、グラフ、チャート、絵文字、ボタン、リンクなど、テキスト以外のコンテンツを記述することで包括性を促進します。視覚障害者が使用するスクリーンリーダーは、代替テキストを利用してこれらの要素の意味とコンテキストを伝え、コンテンツを完全に理解できるようにします。このようなユーザーは、オンライン体験をより利用しやすくするために、重要な情報を得るために説明的な代替テキストを必要としています。さらに、インターネットのアクセシビリティは SEO にも役立ちます。Googleやその他の検索エンジンは、代替テキストを使用してウェブサイトのコンテンツをよりよく理解しているため、ランキングが高くなります。要約すると、代替テキストを適切に実装することで、ウェブサイトのアクセシビリティが向上し、オーディエンスのリーチが拡大し、SEO にもプラスの影響が及ぶため、インクルーシブなウェブプレゼンスの重要な要素となります。
何がチェックされているのか？
アプリケーションは `img` 要素の alt 属性の使用をチェックするほか (
WCAG 2.1 テクニック H37)、次のこともチェックします。
-
H2 同じリソースの隣接する画像リンクとテキストリンクを組み合わせる。
-
H24 イメージマップの「area」要素に代替テキストを提供する。
-
H35 「applet」要素に代替テキストを提供する。
-
H36 送信ボタンとして使用される画像に alt 属性を使用する。
-
H67 支援技術が無視すべき画像の `img` 要素に空の alt テキストを使用し、title 属性を使用しない。
-
H86 絵文字、顔文字、ASCII アート、およびリーツピーの代替テキストを提供する。
-
G197 同じ機能を持つコンテンツには、ラベル、名前、代替テキストを一貫して使用する。
-そしてもっと。
