画像と非テキスト要素オンラインの画像は、視覚に障害がある人たちには判読できないという問題が起こることがあるのは、ご想像のとおりだ。だが、幸いにも、この問題に利用できるテクノロジーがある。画像や非テキスト要素に適切なコーディングを施すことで、問題の解決を支援できるのだ。 画像と非テキスト要素には、たとえば次のようなものがある。 画像グラフ表ワードアート装飾画像背景画像ウェブカメラ画像写真などインフォグラフィックイメージマップアニメーショングラフィカルボタンCaptchaここでは、画像と非テキスト要素の最適化によってアクセシビリティを高める方法をいくつか紹介しよう。 alt属性SEOでは、画像の内容を検索ボットに説明するために画像のalt属性を使う。 またalt属性は、画像がリンクになっている場合に、画像のリンク先の内容を説明するためにも使われる。リンクでは、alt属性がキーワードを含んだアン
![アクセシビリティとSEOのための、非テキスト要素の最適化――画像のノウハウ | Moz - SEOとインバウンドマーケティングの実践情報](https://cdn-ak-scissors.b.st-hatena.com/image/square/0608ab55b9ad90c4188d020d5681205bd9b65a41/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fseomoz%2Fmoz_teaser_icon_1_200.png%3Fitok%3DCPk14RKP)