Provide a way to zoom in and resize text up to 200%

Text at both original size and zoomed up to 200% bigger
Image description: 2 cartoon characters on blocks of text. On the left, the large, orange character sits on small text that says, "What is the meaning of life?" On the right is a green character on the same text that's 200% bigger.

This page is in progress -

If you would like to contribute or make a case to prioritize this page, please fill out the form below.

Why This is Important

People should be able to zoom in up to 200% in order to read larger text without losing any content or functionality. This is accessible to people with vision correction.

Blind and visually impaired people use screen readers to interact with websites and apps. A screen reader is a type of assistive tech that converts things on screen to audio and/or braille. It's important that things are understandable and interactive to screen readers.

Keyboard accessibility is essential for people who do not use a computer mouse (which might be because they have unpredictable or very specific movement due to a motor disability). Many Blind and visually impaired people also use keyboard interactions in order to use their screen reader.

Error support is accessible to people with a diversity of disabilities. A cognitive disability might affect how a person perceives and understands things. A physical disability might lead to unpredictable movement. Other factors such as environment, stress, and multi-tasking may also lead to errors.

In order to be accessible, gestures and interactions must account for people with physical and motor disabilities, who might have unpredictable or very specific movement.

Many people have some sort of vision correction. While they might not use a screen reader or screen magnifier, they might need large text in order to read more easily.

A user should be able to zoom in up to 200% without the assistance of a screen magnifier and without losing any content or functionality. The layout should remain intact, and there should not be any overlapping or strange-looking content as this could be confusing and difficult to read.

This references WCAG criterion 1.4.4 Resize text (Level A).

Level AAA compliance is considered more difficult to meet because it requires more resources to fulfill. It also might encompass conflicting access needs (meaning what is accessible to some might be inaccessible to others). Use your best judgment of your target audience and your team's capabilities to determine if this is a pragmatic goal to reach.

How to Implement This

Make sure that the layout is designed in such a way that people can zoom in and out without losing content or functionality.

Think about the presence of horizontal elements. If the text can grow to twice its size, will it overlap with other elements? Will the text area become so narrow that it’s nearly impossible to read?

For example, in the accessible version, the text wraps within the container and resizes without disrupting other elements. The icon buttons next to the title collapse into a hamburger menu that can be opened and closed. In the inaccessible version, the text overflows. The icon buttons remain where they are and overlap with the text. This is difficult to read and interact with.

Example of accessible resize text (clean and readable) vs. inaccessible (overlapping and overflow)
Image description: Comparison of an accessible and inaccessible version of resizing text. The accessible version shows a simple card with a title, row of icon buttons, and block of text. When it is resized, the text stays clean and the icon buttons collapse inside a menu. In the inaccessible version, when resized, the text overlaps with the buttons and flows out of the card.


How to Test This

Manual Test
Semi-Automated Test
Automated Test
  • Zoom in to 200% and check that all the content is still available, easy to read, and easy to interact with. Make note of any content that overlaps or disappears.


No credits yet. But this could be you!
No items found.

Contribute and Give Feedback

If you would like to provide feedback or contribute content on this resource, please fill out the form below.

Thank you, your submission has been received!
Oops! Something went wrong while submitting the form. Please check your internet connection and try again.

If you continue to encounter issues, please reach out to alexyingchen(at)