# Resize text

DevFeed: [Resize text](<https://devfeed.tech/articles/resize-text-9410.md>)

Original publisher: [Read original article](<https://a11yproject.com/posts/resize-text/>)

Author: Luis Garcia

Published: 2018-11-26T00:00:00Z

Content type: tutorial

Language: en

Sources: [The A11Y Project](<https://devfeed.tech/sources/the-a11y-project.md>)

Topics: [browser](<https://devfeed.tech/topics/browser.md>), [Firefox](<https://devfeed.tech/topics/firefox.md>), [Chrome](<https://devfeed.tech/topics/chrome.md>), [Edge](<https://devfeed.tech/topics/edge.md>), [Font](<https://devfeed.tech/topics/font.md>), [macOS](<https://devfeed.tech/topics/macos.md>), [Puppeteer](<https://devfeed.tech/topics/puppeteer.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [edge](<https://devfeed.tech/tags/edge.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [fonts](<https://devfeed.tech/tags/fonts.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [macos](<https://devfeed.tech/tags/macos.md>), [testing](<https://devfeed.tech/tags/testing.md>)

## AI overview

A practical accessibility testing guide for resizing text to 200% zoom. It explains how text resizing can make content unreadable, truncated, or overlapping, and recommends testing relative font units across multiple browsers to meet WCAG Success Criterion 1.4.4.

## Source excerpt

Resize text and make sure everything on the page works. Repeat until you get to 200% zoom. Seems simple? It is. Essential abilities Sight: This method tests the visual appearance of content on the page. Interact with content via a pointer: This method tests mouse interactions. If you know of a method that doesn't require either of these abilities, please update this Quick Test. Background People with low vision may need to increase the size of text in order to use the page. When someone resizes text, any of the following can break the page: Text on the page is no longer readable. Content is lost or truncated. Interactive elements overlapping each other. The importance is that relative length units (em, ex, rem, %, vw) are used for text. How to test Testing is pretty straightforward. Initial test in multiple browsers Resize text Confirm relative font usage Choose a browser to do further testing in Resize text Check everything Choosing a browser Testing text-resize needs initial testing in multiple browsers to confirm that relative units are used correctly in order to conform with WCAG Resize Text (Success Criterion 1.4.4). Note that you can by mistake give text-resize a pass when testing in Firefox. Text-zoom in Firefox resizes regardless of usage of relative units. Suggested setup is to use two different browsers in initial testing. Chrome works best, allthough: Ability to resize text is not obvious. Does not display the current zoom level. Edge works well: Has a smiliar functionality as Chrome. Increase text size used to only support text-only resize in Reading view but has since improved. Safari, works but not as well: Ability to resize text is not obvious. Does not display the current zoom level. Safari is only available on macOS. Firefox is an easy browser for testing further: It makes resizing text really easy. It informs you of the current zoom level. It's available on all popular Operating Systems. Text-zoom in Firefox resizes regardless of usage of relative