Rule: Support small screen dimensions

Rule ID Resize 2
Conformance Required
Definition Content is viewable without scrolling for window dimensions as small as 320 x 256 pixels.
Purpose
  • People with visual impairments using the browser zoom features benefit when content on the site reflows to fit the screen without scrolling.
Conformance Required
WCAG Success Criteria

Success Criterion 1.4.10 Reflow

Rule Category Tables/Layout
Rule Scope Page
Techniques
  • Use CSS media queries or flexbox code to reflow content based on screen width and height.
  • No vertical scrolling required when the window width is the equivalent to 320 CSS pixels.
  • No horizontal scrolling required when the window width is the equivalent to 256 CSS pixels.
Information Links