上記で画像を説明し、「生成」をクリックして代替テキストの提案を取得します。
| 良い | 悪い |
|---|---|
“Woman in red dress holding a coffee cup while sitting at a wooden desk with a laptop” 具体的で詳細、文脈を提供します。スクリーンリーダーが明確な画像を描けます。 | “image.jpg” 一般的すぎるか、単なるファイル名。アクセシビリティや SEO にまったく価値がありません。 |
“Graph showing Q4 revenue growth of 34% with an upward trend line from October to December” データのストーリーを伝えます。チャートを見なくてもユーザーは重要な洞察を得られます。 | “chart.png” 単なるファイル拡張子。データビジュアライゼーションにおける代替テキストの意味を完全に見逃しています。 |
“White and red sneakers on a wooden floor with natural sunlight streaming from a window” シーンを設定します。E コマースの商品画像は文脈のある説明から恩恵を受けます。 | “Photo of shoes” 曖昧で役に立たない。この商品を他の靴の写真と区別できません。 |
代替テキスト（alt text）は、画像のコンテンツを説明するために画像タグに追加される HTML 属性です。視覚障害者向けにスクリーンリーダーで読み上げられ、画像の読み込みに失敗したときに表示されます。検索エンジンも代替テキストを使用して画像コンテンツを理解するため、アクセシビリティと SEO の重要な実践となっています。