Web Quality - Readability

Using fonts and colors correctly can make your website more readable.

Pay attention to color contrast

For people with poor vision or for less than ideal display devices, black on white or white on black is the best.

Grey text on a light background has very poor contrast:

Värikkäällä taustalla oleva harmaa teksti

Grey text on a dark background has poor contrast as well:

Tumman taustalla oleva harmaa teksti

Certain combinations - such as black and red, black and blue, yellow and green - can cause visual fatigue:

Visuaalisen uupumisen aiheuttava värimäärittely

These combinations are still quite good:

Hyvä värimäärittely

Pay attention to the spacing of letters

For readers with weak vision, closer letter spacing can be quite difficult to read.

Text with moderate letter spacing is easier to read.

Pay attention to line spacing

Moderate line spacing is easy to read, while too small line spacing is difficult to read:

Avoid strange fonts

The fonts in this article are very suitable for reading.

But the fonts below are different:

Use italics as little as possible

Normal fonts are easy to read. Italic fonts are often difficult to read.