ウェブ品質の読みやすさ

フォントと色を適切に使用すると、ウェブサイトが読みやすくなります。

色のコントラストに注意してください

視力が悪い人や表示デバイスの性能が低い人には、黒の背景に白の文字、または白の背景に黒の文字が最適です。

白の背景にグレーのテキスト (#CCCCCC)

暗い背景にグレーのテキスト、コントラストも非常に悪い:

黒と赤、黒と青、黄と緑などの特定の組み合わせは視覚疲労を引き起こします:

これらの組み合わせは悪くありません:

文字間の間隔に注意してください

視力の弱い読者にとって、文字間の間隔が狭くなると、かなり読みにくくなります。

適度な文字間隔のテキストは読みやすくなります。

間隔が狭いテキストは読みにくいです。

行間隔に気をつけましょう

行間がしっかりある文字
読みやすい

行間が狭い文字
読みにくい

派手なフォントは避けてください

このフォントは読みやすい....

このフォントは読みにくい....

斜体は控えめに使用してください

通常のフォントは読みやすいです。

斜体フォントはそれほど読みにくいです。