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

.layout { width: 1200px; }

Why it matters

Low-vision users at high zoom and people reading on narrow mobile viewports.

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. .layout { max-width: 1200px; width: 100%; } Content must reflow into one column at 320px wide with no horizontal scrolling and nothing missing.

Outcome

On an online spreadsheet's toolbar, this barrier is gone for low-vision users at high zoom and people reading on narrow mobile viewports — they no longer have to work around this.

Who is affected