Initial commit
This commit is contained in:
@@ -0,0 +1,51 @@
|
||||
[Back to 1 Perceivable index](index.md)
|
||||
|
||||
# 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.md)
|
||||
Reference in New Issue
Block a user