Category: Mobile Accessibility

Reflowable Content

Also known as: Reflowable Document, Reflowable Format, Reflowable eBook

Simply put

Reflowable content is electronic text and other elements that automatically rearrange to fit the screen or settings of whatever device a person is using to read it. For example, when a reader changes the font size on an e-reader, reflowable text repositions itself to match, rather than staying locked in a fixed page layout. This adaptability is common in text-heavy eBooks such as fiction and nonfiction.

Formal definition

Reflowable content is a document format in which presentation adapts dynamically to the output device and to user-controlled settings such as font size, typeface, and viewport dimensions, in contrast to fixed-layout formats that preserve a set page size and position. In eBook contexts (for example, EPUB and Kindle formats), reflowable content reflows text and repositions associated elements when the reader's display settings change, whereas fixed-format content maintains static positioning. Some publishing workflows permit combining reflowable and fixed elements within a single document, though platform tooling may treat the two formats as distinct and non-interchangeable during production and updates. This entry describes the content format itself; it does not address specific WCAG success criteria or legal requirements, and readers should evaluate accessibility separately against applicable standards.

Why it matters

Reflowable content is central to how many people with disabilities read electronic documents and eBooks. Because reflowable text automatically rearranges to match a reader's device and settings, a person can increase the font size, change the typeface, or adjust the viewport without losing access to the content or being forced to pan around a fixed page. For readers with low vision, dyslexia, or other print-reading differences, this adaptability is often what makes long-form text usable at all, since fixed-layout formats lock the presentation in place and can prevent readers from applying their preferred display settings.

The distinction between reflowable and fixed formats also has practical consequences during production. Publishing platforms may treat the two formats as distinct and non-interchangeable: according to Amazon's Kindle Direct Publishing guidance, attempting to update a fixed-format eBook with a reflowable eBook is not supported, and content delivered in reflowable format can prohibit readers from using features specific to image-based content. Teams that do not plan for these constraints may find that format choices made early in a workflow limit what they can change or what readers can do later.

Choosing a format is a starting point rather than a guarantee of accessibility. Reflowable content supports adaptable presentation, but whether a given document is accessible still depends on factors such as proper reading order, text alternatives, and semantic structure, which must be evaluated separately against applicable standards. This entry describes the content format itself and does not address specific WCAG success criteria or legal requirements; readers should assess accessibility on its own terms.

Who it's relevant to

Publishers and Content Producers

Teams producing eBooks and electronic documents choose between reflowable and fixed-layout formats early in their workflows. Because platforms may treat the two as distinct and non-interchangeable during production and updates, understanding reflowable content helps producers plan for later revisions and avoid format conflicts, such as being unable to update a fixed-format eBook with a reflowable one.

Readers Who Rely on Adaptable Display Settings

People who change font size, typeface, or other display settings, including many readers with low vision or print-reading differences, benefit from reflowable content because text rearranges to fit their chosen settings rather than remaining locked in a fixed page layout.

Accessibility and QA Specialists

Those evaluating digital documents need to recognize that format choice affects how content adapts, but that reflowable format alone does not establish accessibility. Accessibility must still be assessed separately against applicable standards, including through manual and assistive technology testing.

Design and Layout Teams

Designers working with image-heavy or precisely positioned content should understand that reflowable format may limit features specific to image-based content, while some workflows allow combining reflowable and fixed elements. This informs decisions about anchoring images and structuring layouts.

Inside Reflowable Content

Reflow (WCAG Success Criterion 1.4.10)

Reflowable content is closely associated with WCAG 2.1 Success Criterion 1.4.10 Reflow, which was added in WCAG 2.1 at Level AA. It generally requires that content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions, at specified viewport dimensions equivalent to a defined width and height when zoomed.

Single-dimension scrolling

The core aim is that when content reflows, users typically need to scroll in only one direction (vertically for content in a language read horizontally, or horizontally for content in a language read vertically), rather than scrolling in both directions to read a line of text.

Content adaptation

Reflowable content adjusts its layout, wrapping, and arrangement to fit the available viewport, such as when a user zooms in, uses a small-screen device, or increases text size. Fixed-position, fixed-width, or rigidly laid-out content can break this adaptation.

Exceptions for two-dimensional content

Certain types of content are commonly recognized as exceptions where two-dimensional layout is essential for use or meaning, such as data tables, complex images, maps, diagrams, video, and interfaces where toolbars must remain in view. These are generally not expected to reflow into a single dimension.

Relationship to text resizing and zoom

Reflow is related to, but distinct from, other criteria addressing text size and magnification. It focuses on how content behaves as the viewport effectively narrows, which often occurs when users zoom to enlarge content.

Common questions

Answers to the questions practitioners most commonly ask about Reflowable Content.

Does making content reflowable mean it will automatically be accessible?

No. Reflowable content addresses how content adapts to different viewport sizes, zoom levels, and screen dimensions, but reflow alone does not guarantee an accessible experience. A page can reflow properly and still have problems such as poor color contrast, missing text alternatives, unlabeled controls, or keyboard traps. Reflow is one factor among many, and it should be validated alongside manual and assistive technology testing rather than treated as a complete accessibility solution.

Is the reflow requirement the same across all versions of WCAG?

No. The Reflow success criterion (1.4.10, Level AA) was introduced in WCAG 2.1 and carried forward into WCAG 2.2; it does not appear in WCAG 2.0. Because of this, referencing 'the WCAG reflow requirement' without specifying a version can be misleading. If a policy, contract, or settlement references WCAG 2.0, the reflow criterion would not be part of that particular baseline, so it is important to state which version applies.

At what point should content be able to reflow without requiring scrolling in two dimensions?

The Reflow success criterion (1.4.10) generally addresses presenting content without loss of information or functionality, and without requiring scrolling in two dimensions, at the equivalent of a 400% zoom on a standard-width viewport. This is commonly described as reflowing to a single column so that users only need to scroll in one direction. Exceptions may apply for content that requires a two-dimensional layout to be understood, such as certain data tables, images, maps, or complex diagrams.

How can teams test whether content reflows correctly?

A common approach is to set a browser to a high zoom level and observe whether content collapses into a single column without introducing horizontal scrolling or hiding information and controls. Testing across multiple viewport sizes and orientations can also help. Because automated tools detect only a portion of potential issues, manual testing and testing with assistive technologies are generally needed to confirm that reflowed content remains usable and that no content or functionality is lost.

What design and development techniques support reflowable content?

Techniques commonly associated with reflowable content include using responsive layout methods, relative units, and flexible containers rather than fixed pixel widths, and avoiding designs that force horizontal scrolling. Ensuring that text can resize and rewrap, and that layouts adapt to narrow viewports, generally supports reflow. Content that genuinely requires two-dimensional presentation may be handled as an exception, but the surrounding interface should still adapt where feasible.

How does reflowable content relate to other WCAG criteria for zoom and resizing?

Reflow (1.4.10) is often discussed alongside related criteria such as Resize Text and Text Spacing, since they collectively address how content behaves when magnified or adjusted. These criteria are distinct, however, and meeting one does not necessarily satisfy the others. Teams generally evaluate them together to confirm that content remains readable and functional when users adjust zoom, text size, or spacing, and should confirm which criteria and WCAG version apply to their situation.

Common misconceptions

Reflow (SC 1.4.10) has always been part of WCAG.

Reflow was introduced as a new Level AA success criterion in WCAG 2.1 and is not present in WCAG 2.0. Practitioners targeting older versions should confirm which version applies to their obligations.

All content must reflow into a single scrolling dimension without exception.

The criterion generally allows exceptions for content that requires two-dimensional layout for usage or meaning, such as data tables, complex images, maps, and video. These cases are commonly treated as out of scope for single-dimension reflow.

Meeting the Reflow criterion guarantees an accessible and legally compliant experience.

Conformance with a single success criterion does not by itself ensure overall accessibility, usability for all users, or immunity from legal claims. Manual and assistive technology testing are typically needed, and legal obligations depend on the applicable authority and current guidance.

Best practices

Design with responsive, flexible layouts so content adapts to narrow viewports and increased zoom without introducing two-dimensional scrolling.

Test reflow behavior at the viewport dimensions referenced by SC 1.4.10, verifying that no information or functionality is lost when content is enlarged.

Avoid fixed-width containers, absolute positioning, and horizontal scrolling patterns that can prevent content from wrapping into a single dimension.

Reserve two-dimensional layouts for content where they are genuinely essential, such as data tables, maps, and diagrams, and document why an exception applies.

Combine automated checks with manual testing and assistive technology testing, since automated tools detect only a portion of reflow-related issues.

Confirm which WCAG version and conformance level apply to your context, and consult qualified legal counsel or current agency guidance where obligations are uncertain.