Mobile experience checks
Julia Voortman avatar
Written by Julia Voortman
Updated over a week ago

This screen is to ensure your pages deliver a high-quality experience on mobile devices.

This screen also makes technical recommendations on how to improve your site to create a better mobile experience.

What it covers

The following checks are covered:

  • Text must be large enough to read on mobile

  • Links must be large enough to tap on mobile

  • Pages must not scroll horizontally and vertically on mobile at the same time

  • Pinch-to-zoom must be supported on mobile

For testing, an iPhone 5 is used, as it has the smallest widely-adopted screen size and is equivalent to the base resolution required for WCAG 2.1 compliance (accessibility).

How to use it

If any issues are detected, they will be listed at the bottom of this screen with either a red or yellow exclamation mark (red issues are more severe and will appear first).

Click on an issue to view more information about it, and see parts of the website that are affected by it.

Did this answer your question?