- Success Criterion 1.4.10
- Conformance level AA
Long Unbroken Text or URL That Forces Horizontal Scrolling
1.4.10 — Reflow
Scenario
Setting
A pharmacy app's prescription-refill form
What’s wrong
Long unbroken strings/URLs without overflow-wrap forcing horizontal scroll.
Example
Watch a pharmacy app's prescription-refill form closely and you'll spot this: long unbroken strings/URLs without overflow-wrap forcing horizontal scroll.
Why it matters
Low-vision users at high zoom and people reading on narrow mobile viewports. Here, on a pharmacy app's prescription-refill form, the result is they can't read the text against its background.
How to test
Set the viewport to 320px and check long unbroken strings/URLs: without overflow-wrap, they can force horizontal scrolling.
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
After the fix, the same visitor to a pharmacy app's prescription-refill form can now read the text clearly against its background.
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