Responsive and accessible typography and why you should care

How often have you been aware of different shapes and sizes of text when browsing the web lately? Probably not much, unless you found some extremely uncomfortable typography that caused you to quickly flee the site.

Typography is a silent tool that UX designers and developers can sometimes take for granted. There is a lot of noise around this subject. pixels? Are the breakpoints enough to change size between devices? Do we even need breakpoints?

Let's discover some key concepts for successful responsive and accessible typography as a front-end developer or as a UX designer.

What is the impact of readability on web accessibility?

Readability and readability are two typographical concepts related to the ease of reading a text. As readability may be more related to implementation (such as font size, line height, number of characters per line, etc.), readability is mostly about design choices (type of font, weight or width, among others). In this article, we will focus on readability in order to achieve responsive and accessible typography.

There is an incredibly extensive and wonderful documentation on typography, but sometimes overlooked readability concepts can give clues to responsiveness and accessibility.

Character size