YLB ScoreYLB Score › The checks, explained › Part III, Will a stranger trust you?
The page is wider than a phone screen
On a phone the page should fit the screen and scroll only downwards. When something is wider than the screen, the visitor has to scroll sideways to read each line, and most will not bother.
The cause is usually one thing: a wide table, a fixed-width picture or an embedded map.
Worth about 1 point of your 100 for a typical businessAbout 1 hour, by your web person
See for yourself
Open your homepage on your phone and try to drag it sideways. It should not move.
How to fix it
- Find the element that sticks out and let it shrink to the width of the screen.
The technical version, for your web person
reflow. WCAG 2.1, success criterion 1.4.10 (Reflow). We compare the page's scroll width with the screen's width at 375px. Half a point.
What the check reads. WCAG 2.1 SC 1.4.10: documentElement.scrollWidth > clientWidth + 1 at 375 CSS px.
This is one of the checks in a YLB Score report. Every report is free, read by a person before it goes out, and written so that you can act on it without us. Ask for yours.