- Success Criterion 1.4.10
- Conformance level AA
Data-Table Reflow Exception Wrongly Applied to a Layout Table
1.4.10 — Reflow
Scenario
Setting
An online spreadsheet's toolbar
What’s wrong
Data-table exception misapplied to layout tables or card grids.
Example
Picture an online spreadsheet's toolbar: data-table exception misapplied to layout tables or card grids.
Why it matters
Low-vision users at high zoom and people reading on narrow mobile viewports. On an online spreadsheet's toolbar, this barrier means they can't read the text against its background.
How to test
Set the viewport to 320px and check whether the reflow exception (for data tables) is being applied to something that isn't actually a data table (e.g., a layout table or card grid): misapplied exceptions fail.
How to fix
At 320 CSS px width (400% zoom on a 1280px desktop), content must reflow into one column with only vertical scrolling and nothing missing or unreachable.
Outcome
Corrected, an online spreadsheet's toolbar now lets a visitor see the control's boundary and current state.
Who is affected
Low-vision users at high zoom and people reading on narrow mobile viewports.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Content or Controls That Vanish Entirely When the Page Reflows
- Vertical Content That Forces Horizontal Scrolling at 320px
- Fixed-Width Container Forcing Scrolling in Two Directions
- Overlapping Content When the Page Is Zoomed to 400%
- Sticky Bars That Eat Up Most of a 320px Mobile Screen
- Desktop Breakpoint That Never Switches to Mobile Layout