52 lines
2.3 KiB
Markdown
52 lines
2.3 KiB
Markdown
[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)
|