代替テキスト(alt属性)の重要性とは?

こんにちは!さいたま市・川口市・群馬県伊勢崎市でWEB制作をしている東樹です^^
今日は代替テキスト(alt属性)についてご説明します^^
そもそも初めてWEB制作をされる方にとっては「代替テキスト」について、あまり認知されてない方が多いかと思うのですが、これは非常に重要なアイテムになります。
例えば、皆さん、WEB制作を行う際には必ずといって、画像を取り入れますよね?

その画像に「コメント」を入れるのが”alt属性”と呼ばれるものになります。

さて、ではどうしてこのような属性を入れなくてはいけないのでしょうか?
その理由は3つあります。

【1】万が一、画像が表示されなかったときにテキストで説明ができる
*何らかの障害で画像が表示できなかった時に、速やかにテキストが表示されれば、画像が表示されなくても、何となくでも意味が理解できる、ということです。

【2】視覚障がい者への補助テキストになります
*視覚障がい者には音声読み上げ機能というものが存在します。
そのため、画像が表示されなくてもテキストを読み上げてくれるというのは大変便利かつ親切なのです。

【3】SEOに効果があるためです。
SEOにも効果がある、というのは事実ですが、まずは【1】【2】が重要であるとお考えください。

ただし、ここで問題があります。

表示する画像に、必要以上のテキストを埋め込むことは推奨できません。
あくまでも、必要なもの、適切なテキストを取り入れることが最重要課題となります。

 

また、「→」や「>」などの記号についてはalt属性を入れなくても良いです。
(入れても良いですが、あまり効果はありませんので、「空」にしても大丈夫です)


ソースの書き方は
<
img src=“画像のパス” alt=“画像の説明のテキスト”/>
となります。

少々専門的な記事になってしまいましたが、これはとても大切なことなので
是非とも覚えておいて損はないと思います。

また、何かご不明な点がございましたらお気軽にお問合せくださいませ。

 

–PR————————–————————————
川口ウェブクリエイト 埼玉県内全域OK!
伊勢崎ウェブクリエイト 伊勢崎市内どこにでも参ります!
仙台ウェブクリエイト 県南〜仙台市内ご対応可能!
メール:info@webcreat.biz
Mobile:080-9561-9469
月間管理費用は一切いただきません!
プランニングからドメイン取得・管理までお任せ下さい!
ご予算に合わせてお見積り致します!
–PR————————————————————