Skip to main content

3. Browser Zoom

Requirement

When the web page is zoomed to 200%, all content and interactive elements are still visible and functional.

Evaluation Process

Many users with low vision rely on browser zoom. To test for this, follow these steps:

  1. Setup: In a browser window sized to a standard laptop screen, increase the zoom level to 200% (`Ctrl` + `+` on Windows, `Cmd` + `+` on Mac).
  2. Verify Content: Confirm that all content from the 100% view is still available and that no text or elements overlap.
  3. Test Responsive UI: If new elements appear (e.g., a hamburger menu), confirm they are fully functional and meet keyboard accessibility standards..
Browser toolbar showing that the site has been zoomed into 200%
In Firefox, the browser zoom level is indicated next to the URL. Other browsers will display the information in a similar way.

Scoring Guide

  • Pass: All functionality is usable when zoomed into 200%, and the text increases in size.
  • Partial Fail: A few items overlap, but the content is still mostly readable and functional.
  • Fail: The text does not increase in size, or text or other content overlaps, is cut off or otherwise is obscured. If, in the automated tools section, there is an issue related to a META tag that may prevent resizing, then this is a fail even if the browser successfully resizes the text.
  • Not Applicable / Unknown: These should not be used.

More Information

More information about testing for browser zoom is available here:

Relevant WCAG Information

Last modified