OpenA11y Evaluation Library

Resize text content

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
First Step no
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