There are around 300 alphabets in the world. Example of three color contrast measurements and their WCAG test results according to WebAIM’s contrast checker. Stacy Arrelano’s deep dive on color contrast provides an excellent explanation of how contrast ratios are calculated. You can use tools like WebAIM’s Contrast Checker to ensure your text meets the guidelines. Text has to follow a contrast ratio of at least 4.5:1, with the exception of a large-scale text that should have a contrast ratio of at least 3:1. This is why I said “it depends” on what makes an accessible font size. More like the ability to increase the size by 200% while maintaining readability and avoiding content collisions and overlaps. We want to provide users with low vision a way to choose how fonts are displayed. Sizing, contrast, and 300 alphabetsįirst, resizing text. We’ll get into some specific a bit later but, for now, let’s explore the WCAG requirements for fonts. So, how can we make sure our font sizes are accessible? What sort of best practices can we rely on to make for an accessible reading experience? The Web Content Accessibility Guidelines (WCAG), an organization that defines standards for web content accessibility, does not specify a minimum font size for the web.īut we know there’s such a thing as text that is too small to be legible, just as text that can be too large to consume.

Accessible fonts