| Rule ID |
Resize 1 |
| Conformance |
Required |
| Definition |
When the text of a page is resized the text content must reflow to fill available view and all text content should remain visible (e.g. text is not clipped by iframe sizes or CSS overflow limits). |
| Purpose |
- People with visual impairments may increase the size of text and the text should reflow to fit the available viewing area to make it easier to read.
- If text is clipped by limits on iframe sizes or CSS overflow properties some text content will be impossible to view.
|
| Conformance |
Required |
| WCAG Success Criteria |
Success Criterion 1.4.4 Resize text
Other Related Success Criterion:
|
| Rule Category |
Tables/Layout |
| Rule Scope |
Page |
| Techniques |
- Use relative CSS sized like
em and percentage rather than pixels and point sizes.
- If using the CSS overflow property,
iframe or frame check to make sure content reflows and is not clipped by changes in zoom levels.
- Verify when font sizes are increased to at least 400% (4 times the original size of the font), the content reflows and does not require horizontal scrolling.
- Verify that font sizes are descreases content reflows to fill the width of the screen.
|
| Information Links |
|