文字画像を使用しない
実装
概要
この基準では、文字画像を使用していないことを確認してください。 文字画像は、テキストを画像として表示する方法で、テキストの内容をHTMLでマークアップせずに表示することを指します。 文字画像を使用すると、ブラウザの拡大機能や色反転などの支援技術が適用されないため、ユーザーがテキストを見やすい状態にカスタマイズすることが難しくなります。
メリット
- テキストを適切にマークアップすることで、ブラウザやOSの拡大機能を使用してテキストを拡大できます。
- 適切にマークアップされたテキストは、色反転や強制カラーモードなどが適用され、ユーザーの見やすい状態にカスタマイズしやすくなります。
達成方法
- 適切なHTMLマークアップの使用:
- 文字画像は使用せず、HTML要素を意味に沿って使用し、レイアウトはCSSで制御します。
- ただし、企業ロゴなどの必要不可欠な文字画像はこの基準の対象外とします。
テスト方法
-
手動テスト:
- ブラウザズームを適用し、テキストが拡大されることを確認します。
-
CSSの確認:
- テキストが適切なHTMLとCSSによって実装されているかを確認します。