Resize text content

Rule ID Resize 1
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.
Required Yes for HTML4 Legacy Techniques ruleset mapping
WCAG Success Criteria

1.4.4 Resize text (Level AA, Primary Success Criterion)

Rule Category Styling/Content
Scope Element
Target Resources All pages
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.
Informational Links