WCAG 1.4.9: 文字画像 (例外なし)
ロゴなど限られた例外を除き、文字情報は画像ではなくHTMLテキストとして提供し、拡大・色変更・読み上げに対応できるようにします。
意図的な失敗例: 装飾以外の画像化文字を使っている
ロゴ以外の通常情報を画像テキストで提供しています。
確認観点
- 見出し、バナー、ボタン、キャンペーン画像などに画像化された文字がないか洗い出す
- 画像内の文字をHTMLテキストとCSSで再現できる箇所は置き換える
- どうしても画像を使う場合は、同じ文字情報を近接テキストや代替テキストで提供する
- テンプレートやCMS運用で、文字入り画像を作らないルールを設ける
人の判断が必要な例
- 拡大、色変更、翻訳、読み上げが必要な情報を画像だけで提供していないか確認する
- ロゴや純粋な装飾など例外扱いできるものか確認する
- 1.4.5より厳しいAAA要件として、デザイン上の都合だけで画像文字を残していないか確認する
補助ツール候補
- image-alt-display
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。