Good Mood

• ,
• 検索用語を導入します（これは見出しをうまく使用することで行うことができます）。

装飾画像用の空のAltテキスト

一部の画像は、レイアウト目的でのみ使用され、晴眼者向けのコンテンツを強化し、コンテンツを提供しません。

これらの画像のALTタグは空白にすることができます（<alt=””>または<alt=””>）。,

以下の例は、使用イメージの虹のツールバーが得られるかについてのアクセスと利用できなコード例です。

Rainbow Tool Bar

Web側がテキストの部分を分離するために使用されるrainbowツールバーで設計されていたとします。

注:スペース文字を持つALT属性はあまり正しくないと見なされますが、一部のコンテンツ管理システムで許可される唯一のオプション

Concise Alt Text

ページのメインテキスト内の画像にテキスト説明が既に提供されている場合、ALTタグは完全な説明ではなく画像の概要を提供する,

さまざまな状況でこれをどのように使用できるかの例については、複雑な画像を参照してください。

画像付きテキスト例

以下は、18個の炭素分子を有する飽和脂肪分子の画像である。 元素間の単結合が炭素鎖を比較的直鎖状にすることに注意してください。,

拡張記述へのリンク

場合によっては、特に画像が重要なコンテンツを伝えるために使用される場合には、画像の拡張記述へのリンクを追加する必要があるかもしれません。 LONGDESCタグ、Dリンク、またはより長い説明へのより明白なリンクなど、これを達成する方法はいくつかあります。 例については、以下を参照してください。

キャプションテキストへのリンク

情報が重要な場合は、明白なキャプションリンクが最適なソリューションである可能性があります。 このメソッドは、より長い説明が利用可能であることを最も明確に示します。,

拡張テキストの説明を表示

D-links

一部の専門家は、拡張テキストの説明の存在を知らせるためにD-linkの使用を提唱しています。 しかし、一部のユーザーあたりを意識しています。 この方法は、純粋に補足的な情報を提供するために最もよく使用されます。

D

LONGDESC属性

これは、ビジュアルブラウザでは隠されていますが、一部のスクリーンリーダーでは認識される属性です。 LONGDESCは、コンテンツを強化する余分な詳細を提供するのに最適ですが、重要ではありません。, LONGDESCはビジュアルブラウザとスクリーンリーダーの両方で不完全なサポートを持っており、HTML5では廃止されています。

リンクとボタン

印刷、アップロード、保存などの機能をトリガーするためのナビゲーション要素として使用される画像の場合、ALTテキストは画像ではなく、コピー先または機能を記述する必要があります。

Clickable vs.Non-Clickable Penn State Shield

Penn State shieldがWebページで使用される場合、使用されるALTテキストは、それがクリック可能かどうか（すなわち、Penn Stateホームページへのリンク）,

ペンステートシールドイメージを使用してホームページへのクリック可能なリンクを提供する場合、ALTテキストは宛先を示す必要があります（つまり、ALT=”Penn State Home Page”）IMGタグがリンクのAタグ内に埋め込まれていることに注意してください。

注意：盾がクリックできない場合、ALTテキストは”Penn State”または”Penn State shield”にすることができます。

ツールヒントのタイトル属性

IMGテキストのタイトル属性は、晴眼者向けのツールヒントを生成するために使用できます。 しかし、それに注意してください。,

• ほとんどのスクリーンリーダーでは、タイトル属性はデフォルトでは読み上げられません。
• ALTテキストは、通常、ほとんどのブラウザではツールヒントとして表示されません。

視力のあるユーザにツールチップが必要な場合、同じ情報を持つTITLE属性とALT属性の両方を使用して、同じ情報が両方の視聴者に確実に配信されるようにすることができます。

以下のこの例を参照してください

ツールチップ付きお気に入りハートボタン

お気に入りのアイテム（例えば、お気に入りの曲や電子書籍）を選択するためのインターフェイスで使用できる以下のハートイメージのバージョンを考えてみましょう。,

ALTテキストとTITLE属性はどちらも”Favorites”です

コードを表示します