Resize Text - Success Criterion 1.4.4 (Level AA)

Question

Can users resize text up to 200% without the use of assistive technology while maintaining content and functionality?

Why is this important?

Users with mild visual impairments who do not use assistive technology may need to resize text in order to read smaller sized font. Users should be able to increase the text size up to 200% of the original size without losing the ability to read and interact with the web page or web application.

Whom does it benefit?

Example 1

As an older adult with declining vision,
I want to increase text size to 150%
so that I can read without straining.

Example 2

As a person with low vision,
I want to zoom in with my browser and have the text automatically adjust to fit the window,
so that I can read text without having to scroll horizontally.

Example 3

As a person using a small screen device,
I want content to resize correctly
so that I can access the information without loss of quality or functionality.

What should you do?

The level of browser zoom supported must be a minimum of 200% .
Ensure that content reflows and functionality is maintained when browser zoom is used.

Note: This requirement does not apply to captions and images of text.

How do you do it?

All modern browsers have built-in zoom tools for enlarging text. Create content using proper HTML and CCS code to ensure content is compatible with browser tools. Verification via testing is required.
Use responsive design techniques (e.g. add viewport to metadata; use media queries, etc.)
If the product does not respond to browser zoom, provide controls that allow users to incrementally change the size of all text on the page up to 200% or higher.