9. Mobile
9.1 Responsive & Mobile Friendly
Websites must be responsive and mobile-friendly.
The Importance of Responsiveness & Mobile-Friendliness
As web browsing on small devices becomes more popular, your website’s mobile presence becomes increasingly more important. While traditional websites may work on small devices, they are often not optimally designed for them.
9.2 Viewport Meta Tags
Websites must utilize viewport meta tags to properly handle device width.
The Importance of Viewport Meta Tags
The viewport meta tag allows designers and developers to better control how a website is rendered on small devices.
Documentation
Information regarding viewport meta tags can be found at Google’s Web Fundamentals guide on multi-device responsive design.
9.3 Google Mobile-Friendly Test
Websites must pass the Google Mobile-Friendly Test.
9.4 Tap Target Area
Websites must have buttons and inputs that have a decent tap target area.
Documentation
Information regarding decent tap target areas can be found at Google’s Web Fundamentals guide on multi-device responsive design.
9.5 Availability, Visibility, & Navigability
Websites must provide content that is equally available, visible, and navigable regardless of viewport size or viewing device.
9.6 Third Party Mobile Applications
Content that requires the user to download an external application from a mobile application store or download library must include download instructions and contact information to request the content in alternate formats.
Implementation
Provide instructions and contact information on the website for how to obtain the content and a link to the mobile application store or download library.