Users can resize text to 200% without loss of content or function.
Introduction
Some users with visual impairments need to change the size text to understand it fully.
To help these users, your website should allow for up to a 200% resize without dropping any content or functions. This should be accomplished in a browser and therefore not require any assistive technology.
How to Pass ‘Resize Text’
Users can resize the text content in their web browser up to 200% without loss of meaning or function.
Exceptions
- Images of text (but don’t use images of text because they don’t resize well)
- Captions
‘Resize Text’ Tips
As all modern browsers allow for changing of text size, a website based on good HTML and CSS should comply.
If your website doesn’t resize correctly to at least 200% in a browser, add a feature that enables users to resize (by CSS) based on three or four predetermined options, including 200%.
Check your website by resizing to 200% in a variety of browsers.
Make sure text doesn’t require the user to scroll horizontally and you fulfil part of Visual Presentation for Level AAA.
See Also
- Images of Text
- Visual Presentation
- Images of Text (No Exception)
- Understanding Success Criterion 1.4.4 (W3C)
Free Developer Resources
Join over 3,700 subscribers on my weekly web accessibility email and get free developer resources like WCAG Checklists and special offers.
Over 600 developers like you have learned more about the Web Content Accessibility Guidelines with my guidebook.
There are three main potential issues to avoid when doing this:
1) Resized text overlapping other text making it difficult to read
2) Resized text being partly or completely obscured by borders/boxes that don’t expand with the text
3) Resized text straying outside its intended area – the resulting combination of text/background colour may not have sufficient contrast.
Great tips, thanks Richard!