Most of your customers browse from the phone, but when people talk about accessibility, they almost always think of the computer screen. This is a common blind spot. The mobile version of the site is subject to exactly the same requirements, and it has unique accessibility challenges of its own. This guide explains what is different on mobile and why it is critical.
Why mobile needs separate attention
Responsive design adapts the layout to the screen size, and that is excellent, but it is not the same as accessibility. A site can look perfect on mobile and still fail basic accessibility requirements. Some failures even appear only in the mobile version.
Common failures on mobile
Touch targets that are too small
Cramped buttons and links that are hard to tap precisely harm users with a motor disability or a tremor. A touch target should be large enough and far enough from its neighbors.
Contrast in sunlight
Text with borderline contrast that looks fine in the office may be completely unreadable on mobile under sunlight. On mobile, good contrast matters even more.
Blocked text enlargement
Some sites block the user's ability to enlarge the text on mobile. This is a direct accessibility failure, because many users depend on enlargement in order to read.
Content that gets cut off
In the mobile version, content may be cut off or hidden when text is enlarged or the device is rotated. Information that disappears is not accessible.
How to check mobile accessibility
- Try navigating the site on mobile with taps only, and check that it is easy to reach every element.
- Enlarge the text on the device and check that the content stays readable and complete.
- Check contrast across a range of lighting conditions.
- Make sure buttons and links are large enough and well spaced.
The next step
Run an accessibility check on the site, then repeat the manual checks on mobile: taps, text enlargement, and touch target size. That way you make sure the experience is accessible for most visitors too, the ones who arrive from the phone.