Alt Atributeとは何ですか？

alt属性は、特定のHTMLおよびXHTMLタグに関連付けられた付随コマンドであり、代替テキストをタグに関連付ける方法を提供するように設計されています。 この属性の最も一般的な使用法は、グラフィックのキャプションを目的としたimgタグ内です。 これをaltタグと呼ぶ人もいますが、これはhtmlタグではないため正確ではありません。 「タグ」という用語は、HTMLで実際のマークアップを行う山括弧間のコマンドを指すWebデザインで明確な意味を持ちます。 alt属性は次の構文を使用します。

<img alt = "text" src = "source url">
<area alt = "alt text">
<input alt = "テキストフィールドプロンプト">

imgタグは、alt属性を受け入れるいくつかのタグの1つにすぎません。 他のタグは「area」と「input」です。imgタグは画像を表示します。 エリアタグはイメージマップにリンクを表示し、alt属性はリンクのアンカーテキストを提供します。 入力タグは、Webブラウザにテキストフィールドを表示するように指示し、altテキストを使用して関連するプロンプトを提供します。

グラフィックの説明は、これまでalt属性の最も一般的な使用法の1つでした。 これは、視覚障害のある人、画像を解釈できないソフトウェアを使用して画面を読む人にとって特に便利です。 この属性の主な目的は、関連する画像を説明するのではなく、キャプションを提供することです。 適切な代替テキストの例は、「ジョージ・ワシントンは革命戦争中に将軍として多くの困難に耐えた」でしょう。実際の画像の説明は、タイトルの帰属の仕事です。

検索エンジンは、alt属性で提供されるテキストを利用します。 Webページが単独または主に写真で構成されている場合、画像自体は検索エンジンのスパイダーにとって役に立たないという事実にもかかわらず、検索エンジンのスパイダーはページをクロールできます。 後のバージョンのHTMLのimgタグにはalt属性が必要ですが、一部のWeb開発者は引用符の間に何も入れません。 これは、検索エンジン最適化の改善の機会を活用できません。

古いWebブラウザーはalt属性をツールチップとしてレンダリングしたため、Web開発者はそれを誤って使用して、説明などの画像に関する追加情報を提供するツールチップのタスクを実行していました。 新しいバージョンではこの問題が修正されています。 タイトル属性がこの目的に使用されるようになりました。この属性のテキストは、画像またはリンクの上にマウスを置くと表示できます。

画像を表示できないWebブラウザでは、代わりに代替テキストが表示されます。 古いブラウザは常にこれを行いますが、画像の代わりに代替テキストのみを表示するように、より新しいバージョンを構成することは可能です。 これは、ブラウザが画像をロードする必要がないため、帯域幅を節約する目的に役立ちます。