説明の前に役割を判断する
細部の列挙より文脈が重要です。空のaltと属性の欠落は同じではありません。複雑なグラフのデータや関係は、文章や表でも提供します。
| 役割 | 代替テキスト | 補足 |
|---|---|---|
| 重複する装飾 | alt="" | 近くの文章で足ります。 |
| 単純な情報 | 文脈に沿った短い説明 | 無関係なキーワードを足しません。 |
| 画像だけのリンク | 目的地や操作 | 分かるリンク名にします。 |
| 複雑なグラフ | 主題と要点 | データや関係を文章でも提供します。 |
実際の利用を確認する
- 画像だけのリンクには目的地や操作を示します。十分なリンク文字がある場合は重複を避けます。
- 必須の説明をtitleだけに置きません。キーボード、タッチ、支援技術で確実に参照できるとは限りません。
- 各言語と画像なしの操作を確認します。寸法や読み込みを最適化し、メイン画像を一律に遅延させません。
発見しやすさと権利を確認する
ファイル名やマークアップで登録や順位は保証されません。利用権を確かめてからライセンスを記載し、必要なクレジットを残します。合成画像はその旨を明示し、記録写真の証拠として扱いません。
一次資料
- W3C WAI — An alt Decision Tree [EN]
- W3C WAI — Functional Images [EN]
- MDN — title attribute [EN]
- Google Search Central — Image SEO [EN]
代替テキストは画像の用途によって異なる。
説明的な代替テキストが必ずしも適切な選択肢とは限らない。冗長な装飾には代替テキストを空欄にしてもよい。リンクされた画像はリンク先を明確に示すべきである。複雑なグラフには詳細な説明も必要である。実際のページコンテキストで画像を確認する。
- 執筆前に、装飾、情報、機能を分類する。
- 図の関係性を、近くのテキストまたは表に記載してください。
- キーワードの羅列や、架空の場面を実際の証拠として描写することは避けてください。
一次資料：W3C WAI — An alt Decision Tree. 関連する方法：実践ガイドを読む.