富士通ウェブ・アクセシビリティ指針 第1.01版
19. 画像化した文字は、文字フォント、サイズ、コントラストなどを考慮し、読みやすくすること。
| 優先度: 2 | 画像 |
解説
画像内に描かれた文字は、ブラウザでサイズやコントラストを変更できません。ブラウザで文字サイズや文字色を調整している高齢者、軽度な弱視の人は、参照するのが困難です。
事例と実装
- 文字 (特に漢字) の装飾 (斜体など) は少なくする。
- 背景に模様のある画像や写真は避ける。使用する場合は、文字が背景に埋もれないよう、文字の周囲に縁を描くなどする。
- 画像化した文字のサイズは、16ピクセル以上とする。
悪い例: いずれも文字が読みにくい
良い例: 読みやすい
