Text can be resized to 200% without loss of content or function
Some of your users with visual impairments will need to resize text in order to understand it fully. You should allow for up to a 200% resize of text without dropping any content or functions.
What to do
As all modern browsers allow for resizing text, 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 text (by CSS) based on three or four predetermined options, including 200%.
- Resizing text is different to zooming (which enlarges text, images and layout without preserving formatting).
- Check your website by resizing to 200% in a variety of browsers.
- Make sure your resized text doesn’t require the user to scroll horizontally and you fulfil part of Guideline 1.4.8.
- Images of text (but don’t use images of text, because they don’t resize well).
- Guideline 1.4.5 – Images of Text
- Guideline 1.4.8 – Visual Presentation
- Guideline 1.4.9 – Images of Text (No Exception)
- Understanding Success Criterion 1.4.4 (W3C)
Free Developer Resources
Join over 3,500 accessibility fans and get free developer resources like WCAG 2.0 Checklists and a sample from my book.
Over 250 people just like you have learned more about WCAG 2.0 with my guidebook.