Web品質 - 読みやすさ

フォントと色の正しい使用で、あなたのウェブサイトは読みやすくなります。

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

視力が弱い方や劣悪な表示デバイスを使用している方には、黒地に白文字や白地に黒文字が最適です。

明るい背景に灰色の文字は、コントラストが非常に悪いです:

明るい背景に灰色の文字

暗い背景に灰色の文字は、コントラストが非常に悪いです:

暗い背景に灰色の文字

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

視覚疲労を引き起こす色の組み合わせ

これらの組み合わせは良いです:

良い色の組み合わせ

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

視力が弱い読者にとって、近い文字間隔は読みにくくなる可能性があります。

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

行間隔に注意してください

適切な行間隔は読みやすく、行間隔が小さいと読みにくくなります:

変わったフォントを避けてください

この記事のフォントは読みやすくて適しています。

しかし以下のフォントは異なります:

イタリックフォントはできるだけ少なく使用してください

普通のフォントは読みやすく、イタリックフォントは読みにくいです。