代替テキスト
読み: だいたいてきすと
画像が表示できない場合やスクリーンリーダー使用時に、画像の内容を説明するテキスト。HTMLのalt属性で指定する。
代替テキスト (alt テキスト) とは、HTML の <img> タグに設定する alt 属性の値で、画像の内容を言葉で説明するテキストである。画像が読み込めない場合の代わりとして表示されるほか、視覚障害のあるユーザーがスクリーンリーダーで Web ページを閲覧する際に読み上げられる重要な情報である。
良い代替テキストの書き方は、画像が伝えている情報を簡潔に記述することである。例えば商品写真なら「赤いレザーのトートバッグ、正面から撮影」のように具体的に書く。「画像」「写真」といった冗長な接頭辞は不要である。装飾目的の画像には空の alt (alt="") を設定し、スクリーンリーダーに読み飛ばさせる。
代替テキストは SEO にも影響する。Google の画像検索は alt 属性を手がかりに画像の内容を理解するため、適切なキーワードを自然に含めることが推奨される。画像最適化の一環として、すべての意味のある画像に alt を設定することが Web アクセシビリティの基本である。詳しくは画像アクセシビリティガイドを参照されたい。