WCAG 1.4.5: 必要なテキストを画像ではなくテキストで提供しているか確認する
ロゴや必要な視覚表現などの例外を除き、本文、見出し、ナビゲーション、ボタン、バナー内の重要な文字情報は画像ではなくHTMLテキストで提供します。
意図的な失敗例: 必要な文字を画像で提供している
編集可能な通常テキストにできる情報が画像化されています。
確認観点
- ページ内の画像、バナー、ボタン、ナビゲーションに文字が埋め込まれていないか確認する
- 編集可能な本文、見出し、案内文、価格、日付、キャンペーン文言などはHTMLテキストに置き換える
- 装飾はCSSやWebフォントで表現し、文字そのものを画像化しない
- ロゴ、ブランド表現、図中の必要なラベルなど、例外に当たるかどうかを確認する
人の判断が必要な例
- ブラウザ拡大や200%表示で、画像内文字が粗くなって読みにくくならないか確認する
- 画像内の文字がコピー、検索、自動翻訳、読み上げの対象にならなくても問題ない内容か確認する
- 更新頻度の高いキャンペーンやお知らせを画像として作っていないか確認する
補助ツール候補
- image-alt-display
- font-size-200
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。