Perceivable / 1.4 Distinguishable
1.4.4Resize Text
Level AAEnsure text can be resized up to 200% using only browser features, without assistive technology, and without losing content or functionality. This lets low-vision users rely on browser zoom alone; captions and images of text are excluded.
Specification updated
- Enhancement#5181(opens in a new tab)1.4.4: Clarify UA-controlled text is not covered
Note
A detailed commentary for this success criterion is not yet available. In the meantime, this page lists related patterns, techniques, and links to the normative sources.
Related Techniques
Specific implementation techniques for meeting this success criterion. This site doesn't include the full text, so follow the links to the original W3C documents.
Sufficient Techniques(9)
Show all (9)
- C12: Using percent for font sizes(opens in a new tab)waic.jp(opens in a new tab)
- C13: Using named font sizes(opens in a new tab)waic.jp(opens in a new tab)
- C14: Using em units for font sizes(opens in a new tab)waic.jp(opens in a new tab)
- C28: Specifying the size of text containers using em units(opens in a new tab)waic.jp(opens in a new tab)
- G142: Using a technology that has commonly-available user agents that support zoom(opens in a new tab)waic.jp(opens in a new tab)
- G146: Using liquid layout(opens in a new tab)waic.jp(opens in a new tab)
- 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(opens in a new tab)waic.jp(opens in a new tab)
- G179: Ensuring that there is no loss of content or functionality when the text resizes and text containers do not change their width(opens in a new tab)waic.jp(opens in a new tab)
- SCR34: Calculating size and position in a way that scales with text size(opens in a new tab)waic.jp(opens in a new tab)
Advisory Techniques(3)
- C17: Scaling form elements which contain text(opens in a new tab)waic.jp(opens in a new tab)
- C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized(opens in a new tab)waic.jp(opens in a new tab)
- C22: Using CSS to control visual presentation of text(opens in a new tab)waic.jp(opens in a new tab)
Failures(3)
- 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(opens in a new tab)waic.jp(opens in a new tab)
- 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%(opens in a new tab)waic.jp(opens in a new tab)
- F94: Failure of Success Criterion 1.4.4 due to incorrect use of viewport units to resize text(opens in a new tab)waic.jp(opens in a new tab)
Normative References
- Success Criterion 1.4.4 Resize Text — WCAG 2.2(opens in a new tab)The normative requirement text.
- Understanding Resize Text — W3C(opens in a new tab)Official guidance on intent, examples, and techniques.