Layout Reflow Supported
Group: user-control • Guideline: adjustable-viewport
Summary in Plain English
The page has to work in a 320-CSS-pixel-wide column - the width of a 1280px page at 400% zoom - without forcing the reader to scroll both across and down. Sections that scroll the other way must fit that width too. Tables and program guides, slide-style canvases, and multi-panel tools such as image editors and IDEs are exempt.
Why It Matters
320 CSS pixels is what a 1280-pixel page looks like at 400% zoom. Content that forces scrolling in both directions at that size makes reading a line a two-handed operation.
Scope: When This Applies
The draft's own conditions, quoted from guidelines/groups/user-control/adjustable-viewport/layout-reflow-supported.md.
Except when
- 2D relationships (for example, tables or electronic program guides)
- canvases of presentational content (for example, slides)
- multiple palettes or panels that act on content (for example, Photoshop or an IDE)
Test Procedure from the W3C Draft
Quoted from the provision's informative document, informative/guidelines/user-control/adjustable-viewport/layout-reflow-supported.md. It is the group's own procedure, not an editorial testing guide.
Procedure
- Set the viewport at 320px in the direction of text.
- Check that each section of content fits within 320 CSS pixels.
Expected results
- #2 is true.
W3C Working Group Status
Open Questions Recorded in the Draft
The editors' own notes (:::ednote) in
guidelines/groups/user-control/adjustable-viewport/layout-reflow-supported.md.
These are the questions the group has written down as unresolved —
not a summary of discussion written here.
All block-level elements fit within a 320px inline-size without requiring scrolling in more than one direction.
W3C Threads on This Provision
4 GitHub threads carrying 79 comments, fetched from w3c/wcag3 by the tracker. Titles, numbers and states are the threads' own.
What the Argument Is About
Whether fixed and sticky chrome that swallows the reflowed viewport should be a normative failure rather than an advisory technique, and in what unit such a limit could be written.
Positions taken in the thread
WayneEDick's original issue (wcag21#846, copied into #198 by michael-n-cooper) showed screenshots of content squished between a fixed header and footer, arguing the low-resolution assumption is a phone in portrait while a low-vision user is actually in landscape, and that non-collapsible vertical panes growing with zoom leave no usable space. StommePoes says these are simply non-functional pages: at 150% on a 12-inch laptop she gets about three lines of text, and she names Medium.com and news sites as the worst offenders, failing them under text-resize in her own audits. mraccess77 adds breakages with the same cause โ hover content that appears off-screen and vanishes when you scroll to it, snap scrolling that jumps past content you are trying to reach at zoom, and scroll jacking that takes away ctrl plus mouse wheel. All three treat the fix as cheap and known โ WayneEDick's three techniques are switch fixed to static at low resolution, replace the bar with a control limited to 10% of the screen, or make it collapsible, and StommePoes adds that developers already write width-based media queries, so a height-based one in ems can simply drop the stickiness, since the sticky content is usually the site name or social buttons.
patrickhlauke would support a percentage or ratio rule โ roughly, sticky and fixed elements not covering more than a third of the visible viewport โ with the understanding doc requiring testing in both portrait and landscape, down to 320 CSS px width and 256 CSS px height. He insists on "down to" rather than mandating that exact viewport dimension, because otherwise the requirement is pointless. StommePoes agrees, citing content that passed at 400% on a 1280 px viewport but broke around 250% when a media query did not fire, leaving the user to choose between 175% (too small) and 300% (larger than needed); she also reports that showing designers sticky elements eating a quarter to a half of viewport height draws no pushback, because they find it ridiculous too.
Sticky headers create reading viewports that are too short, but mraccess77 doubts the group can reach consensus on what height is acceptable: is the metric percent of viewport height, or the number of lines of text that fit? Full coverage is clearly a failure, but two or three visible lines forcing the user to read through a slot is harder to draw a line around. He notes the LVTF concluded these issues were too challenging for WCAG 2.2's framework and belonged in Silver, and that the working group's impression is that low-vision issues are already solved โ leaving him unsure which spec is the right home. alastc was more optimistic, suggesting a limit could build on reflow's existing 256 px minimum height and tie in with device orientation.
PAFaieta opened #156 asking that the standard name a baseline native viewport resolution and DPI, or a baseline minimum magnification such as 200% as a satisfactory technique, on the grounds that vague language invites compliance arguments. patrickhlauke answered that CSS px is already density-independent and that authors cannot predict or test the physical resolution and dimensions users run โ a person on a physically small monitor at very high resolution has chosen that, and adapting the device is their call, not the author's. alastc added that WCAG 3 deliberately avoids technology-specific language at the provision level and expects metrics to live in technology-specific methods, and asked for concrete ground-level examples of the "liberties" being taken; PAFaieta left the thread without supplying them.
chaals set font-size to 64px in Safari and browsed roughly 100 pages: news sites were generally unusable (abc.net.au the least bad), search engines were terrible, whitehouse.gov and un.org worked reasonably, and idealista was the one usable shopping site. He reports that pretty much every serious problem traced to layouts set in pixels โ most commonly line-heights derived from the screen's pixel width and far below 64px, then large text squeezed into too-small boxes. His proposal is to trigger breakpoints on character counts rather than screen width in px, and to express any measure larger than half the expected font-size in rem, with layouts expected to work between 4px and 72px (about 1.5mm to 25mm). graphic-designer (#642) argues the same conclusion from user autonomy: px ignores a user's configured root font size, so a px-based architecture is rigid by construction while rem lets the layout breathe.
Responding to #642, alastc says WCAG 3 has no mention of 16px, that its only CSS px requirements are text resizing to 200% of the platform default body size and text reflow at 320 CSS px, and that CSS px is itself relative to an assumed viewing distance and translates to platforms that have no rem. He argues browser zoom is the default, easier-to-find setting that persists across sites, that text-only sizing breaks text out of layouts, and that sizing the whole layout in rem just re-invents zoom; his draft response would close the issue without changing provisions. Myndex says the CSS px is defined as a unit of visual angle, which is what vision science uses, while rem has no fixed relation to it, and that Chrome is the only major browser he knows with an independent default font size setting. GreggVan says rem says nothing about how large something is, so an accessibility minimum cannot be written in it, and that CSS px values are cited in standards only as minimums. chaals, after testing, agreed zoom works better than increased text size on most sites, while still seeing a use case for text-only sizing to keep headings and images from becoming unworkable.
An emailed objection from an unnamed sender, which alastc posted as #664, argues that forcing a 320 px mobile-style layout on a desktop display at 400% zoom increases cognitive load for older users by hiding familiar navigation and breaking established mental models. It claims this breaks complex interfaces such as legal document portals, preventing citizens from accessing documents, and characterises the mobile-first target as favouring the ecosystems of major W3C corporate members. The request is for a Desktop-Preservation Mode or a reduced requirement โ 200% โ that does not trigger a full layout change. Nobody has replied.
Agreed
- Fixed headers, footers and non-collapsible side panes that stay put under zoom render pages non-functional. StommePoes's flat "absolutely" to WayneEDick's question went unchallenged in eight years of thread.
- The fixes are not technically hard โ un-fixing via vertical media queries, collapsing, or allowing dismissal after reading โ and no one argued they are expensive. StommePoes notes developers do not think of them but implement them readily once shown.
Still open
- Whether any limit on sticky and fixed chrome becomes normative in WCAG 3 or stays advisory as C34. alastc said in 2019 it needed a couple of people to work on it; mraccess77 offered to take something on for 2.2 if the issue had a solution there, but nothing further came of it in the thread.
- How to measure it at all โ mraccess77 asked whether it should be percent of viewport height or number of readable lines. patrickhlauke and StommePoes favoured a percentage or ratio (roughly a third, or a quarter, of the viewport), and StommePoes also floated a lines-visible measure drawn from caption research; nothing was settled.
- What alastc's 2019 idea of building on the 256 px reflow minimum height and tying it to device orientation actually was. jake-abma asked him to lift the veil and got no reply.
- Whether #198 belongs in WCAG 3 at all. scottaohara asked whether it should have been transferred rather than cloned, since his reflow understanding-doc PR would likely have addressed it in WCAG 2; cwadamsoforacle said the chairs made a blanket decision to move wcag.next issues into WCAG 3 and would review it with alastc. No further word in the thread.
- Whether the 400% / 320 CSS px reflow target itself harms desktop users who do not want a mobile layout (#664), which has drawn no response.
- chaals's proposed workable range of 4px to 72px is explicitly a guess; he asks for systematic research across more scripts, screen sizes, font sizes and content types, noting he covered only a handful of Chinese and Russian pages and nothing in Japanese or Arabic.
- Whether #156's request for a native-resolution, DPI or baseline-magnification reference needs any provision. patrickhlauke argued CSS px is density-independent and alastc that metrics belong in technology-specific methods; PAFaieta disputed the first point and then left the thread, so neither view was tested further.
Note
#198 dates from 2018 (transferred from wcag21#846) and is still open with no normative outcome. #642 turned procedural: rachaelbradley intervened as chair to say GitHub discussion is between individuals, that a formal response on units may take months, and to ask for polite professionalism โ after graphic-designer filed a DMCA counter-notification over the Google Drive copy of his full proposal, published mirrored "audit log" copies, and reported the thread to Open Web Advocacy and Open Digital Design over other participants deleting their own comments. alastc has drafted a response closing #642 without changing any provision, but it has not been through the AG group. #664 arrived by email and has no comments at all.
- #156 Feedback on Reflow open 7 comments · updated 2026-04-02
- #198 Reflow: Fixed Position Fields open 19 comments · updated 2026-05-02
- #642 Replace absolute units (px) with relative units (rem) as the baseline for font-size in WCAG 3.0 Outcomes. open 53 comments · updated 2026-06-19
- #664 Request for desktop mode open 0 comments · updated 2026-05-01
WCAG 2.2 Criteria That Map Here
From this site's reviewed WCAG 2.2 → WCAG 3 map. The map is an interpretation, not a W3C mapping: W3C has not published one yet.
W3C Raw Source Text
Verbatim from guidelines/groups/user-control/adjustable-viewport/layout-reflow-supported.md · informative document: informative/guidelines/user-control/adjustable-viewport/layout-reflow-supported.md
All content fits within 320 CSS pixels in the default orientation of text without requiring scrolling in more than one direction. Sections of content within the page/view that scroll in a different direction to the page/view fit within 320 CSS pixels of the page-scrolling direction. :::except-when * 2D relationships (for example, tables or electronic program guides) * canvases of presentational content (for example, slides) * multiple palettes or panels that act on content (for example, Photoshop or an IDE) ::: :::ednote All block-level elements fit within a 320px inline-size without requiring scrolling in more than one direction. :::