このページの本文へ移動

富士通ウェブ・アクセシビリティ指針

56. 文字を画像で使用する時は、文字フォント・サイズ・コントラストなどを考慮し、読みやすくする。

優先度2  仕様に関する指針 <画像>  |   設計・制作・運営工程

解説

画像内に描かれた文字は、ブラウザでサイズや色のコントラストを変更できません。
ブラウザで文字サイズや文字色を調整している高齢者、軽度な弱視の利用者は、参照するのが困難です。
無意味に文字を画像にすることは避け、画像にする場合は、サイズや色のコントラストに配慮し、読みやすくしてください。

事例と実装

  • 文字のサイズは、13ピクセル以上とする。
  • 文字(特に漢字)の装飾(斜体など)は少なくする。
  • 文字の背景に模様のある画像や写真などを使用する時は、文字の周りを縁取るなどし、文字を見やすくする。
  • 文字のフォントは、ゴシック系を使用することが望ましい(画面上では、明朝系よりも、ゴシック系のフォントのほうが見やすいため)。

悪い例: いずれも文字が読みにくい



良い例: 読みやすい

対応するJIS:5.5c(推奨)