Quick Tip: Blur test for text legibility

There are many aspects of typography and fonts that can impact accessibility and legibility – font size, weight, and spacing, character ambiguities, color contrast, typeface complexity and familiarity, and more. One relatively easy test to detect legibility issues is to blur the page to see how legible the text is with the fine details blurred. On most pages this can be easily done by opening DevTools and running document.body.style.filter='blur(2px)'; in the Console panel.

The monthly Web Accessibility Tip comes from WebAIM and is shared to get a wider audience. For more information about web accessibility, please visit the WebAIM website.

See also information about how you can subscribe to the monthly WebAIM Newsletter which contains lots of great information about web accessibility.