Chris Ashton

dai11y 30/07/2020

Your daily dose of a11y:

Accessible Font Sizing, Explained

  • The WCAG does not define a minimum font size for the web: just that fonts should be resizable and of a sufficient contrast. Contrast should be 4.5:1 for small text, 3:1 for larger text (defined as text that is a minimum of 18 point or 14 point with bold), though different screen densities and alphabets mean the pixel size will vary. Browser font sizes are accessible by default, so avoid using px and instead make your font sizes relative to the base font size (usually 16px) using rem/em. About 3% of users change their default font size in the browser settings, and some will override the font-family too (e.g. to OpenDyslexic, which increases readability for users with dyslexia).

Did you know that you can subscribe to dai11y, week11y, fortnight11y or month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.

Loading...