[Back to 1 Perceivable index](index.html)

# 1.4.4 Resize Text

- Level: AA
- Guideline: 1.4 Distinguishable
- Principle: 1 Perceivable

## What it is

Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.

## How to test

- Check: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.
- Use the sufficient techniques below as acceptable methods when applicable.
- Confirm none of the common failures apply.

## Sufficient techniques (W3C)

- G142: Using a technology that has commonly-available user agents that support zoom
- Ensuring that text containers resize when the text resizes
- using measurements that are relative to other measurements in the content
- C28: Specifying the size of text containers using em units
- C12: Using percent for font sizes
- C13: Using named font sizes
- C14: Using em units for font sizes
- SCR34: Calculating size and position in a way that scales with text size
- G146: Using liquid layout
- G178: Providing controls on the web page that allow users to incrementally change the size of all text on the page up to 200 percent
- G179: Ensuring that there is no loss of content or functionality when the text resizes and text containers do not change their width

## Advisory techniques (W3C)

- C17: Scaling form elements which contain text
- C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized
- C22: Using CSS to control visual presentation of text

## Common failures (W3C)

- F69: Failure of Success Criterion 1.4.4 when resizing visually rendered text up to 200 percent causes the text, image or controls to be clipped, truncated or obscured
- F80: Failure of Success Criterion 1.4.4 when text-based form controls do not resize when visually rendered text is resized up to 200%
- F94: Failure of Success Criterion 1.4.4 due to incorrect use of viewport units to resize text

## Resources

- WCAG 2.2 SC: https://www.w3.org/TR/WCAG22/#resize-text
- Understanding: https://www.w3.org/WAI/WCAG22/Understanding/resize-text.html
- Quick reference: https://www.w3.org/WAI/WCAG22/quickref/?versions=2.2#resize-text

[Back to 1 Perceivable index](index.html)