This week in my web design class we are getting an introduction to CSS, including fonts and font families. A couple of months ago, I took an online course with WebAIM, the go-to resource on web accessibility.
Font accessibility, referred to as readability, can have a large impact on people who have visual impairments or reading disabilities.
WebAIM has this great page about font accessibility
https://webaim.org/techniques/fonts/ It has two extremely useful sections in particular:
1. This list of guidelines for font readability:
Important
In terms of font accessibility, there are a number of principles to keep in mind:
list of 9 items
1. Use real text rather than text within graphics.
2. Select basic, simple, easily-readable fonts.
3. Use a limited number of fonts.
4. Ensure sufficient contrast between the text and the background.
5. Avoid small font sizes.
6. Use relative units for font size.
7. Limit the use of font variations such as bold, italics, and ALL CAPITAL LETTERS.
8. Don't rely only on the appearance of the font (color, shape, font variation, placement, etc.) to convey meaning.
9. Avoid blinking or moving text.
2. The section titled "Font Readability," which lists some more guidelines for choosing and using fonts that contribute to accessibility.