All WCAG criteria
WCAG 1.4.10 · PerceivableLevel AA

1.4.10Reflow

Content must reflow at 320 CSS pixels width (equivalent to 1280px at 400% zoom) without horizontal scrolling, except for content that requires 2D layout (data tables, maps, diagrams).

Common failures

Patterns that fail this criterion.

  • 01Sidebar layouts that force horizontal scroll on narrow viewports
  • 02Wide carousels without responsive breakpoints
  • 03Fixed-width tables not wrapped in a scroll container
How to test

Testing approach: manual.

Manual — set viewport to 320px wide (or 400% zoom on 1280px); confirm no horizontal scroll on main content.

How to fix

Remediation steps.

  1. 1

    Mobile-first responsive

    Design and test at 320px width first. Add complexity at wider breakpoints.

  2. 2

    Wrap wide content

    Data tables, code blocks: wrap in `<div style="overflow-x: auto">` so only that part scrolls, not the whole page.

Scan for WCAG 1.4.10 on your site

Find every violation in 42 seconds.

AccessProof runs axe-core 4.9.1 against your site and flags every WCAG criterion with the offending element selector. WCAG 1.4.10 is one of 49 criteria we check on every scan.

Start free auditTry free scanner — no signup
Related criteria

Often appears with…

WCAG 1.4.4 · Level AA

Resize Text

All 50 WCAG 2.1 Level A + AA success criteria explained.

View the full checklist