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.