Skip to main content

Back to Guidelines

Perceivable
WCAG 1.4.10
Level AA

What is Reflow?

Content must reflow without loss of information or functionality at 320px wide without horizontal scrolling.

Responsive layouts help content remain usable at smaller sizes and when zoomed.

People zooming text or pages.
Mobile and small-screen users.
Users who need a clear, scroll-free reading experience.

Improves Accessibility
Responsive Layouts
Better User Experience
Supports Compliance

Good vs Bad Examples

Use the tabs to compare responsive and fixed-width layouts.

Responsive reflow

Good example of Reflow.

html

<div class="container"><article class="content">...</article></div>

Why this is correct:

Layout adapts to small screens.
No content or functionality is lost.
Supports WCAG 1.4.10.

Implementation Checklist

Progress0 / 6 completed (0%)

Content reflows at 320px wide.
No horizontal scrolling is required.
Nothing is lost when the viewport shrinks.
Layouts stay responsive across devices.
Text and controls remain usable.
QA confirms mobile and zoom behavior.

Knowledge Check

Answer Yes or No to test your understanding of reflow.

Score: 0 / 5 · Answered: 0 / 5

Should content reflow without horizontal scrolling at 320px?

Can content or functionality be lost during reflow?

Should responsive CSS be used to support reflow?

Does reflow help users who zoom in or use small screens?

Does WCAG 1.4.10 cover reflow?