Mobile Viewport Missing
58.67% of global web traffic comes from mobile devices, according to Statista 2024. SaaSalyst checks whether your website includes a viewport meta tag — the critical HTML element that tells mobile browsers how to scale your page for proper rendering on phones and tablets.
What SaaSalyst Checks
SaaSalyst parses your homepage HTML for a <meta name="viewport" content="..."> tag. The scanner checks for the tag's presence and verifies it has a content attribute. Without this tag, mobile browsers render your page at desktop width and scale it down, making text unreadable.
Why This Matters
Without a viewport meta tag, mobile browsers assume your page was designed for desktop screens. They render at full desktop width (typically 980px) and scale everything down to fit the mobile screen. The result: tiny, unreadable text and unusable controls.
Google uses mobile-first indexing, meaning it primarily uses the mobile version of your content for indexing and ranking. A page without a proper viewport tag provides a poor mobile experience, which directly impacts your search rankings.
For SaaS products, mobile experience matters even if your product is desktop-focused. Potential customers discover and evaluate products on mobile devices — your marketing pages need to work on phones.
5,114
ADA digital accessibility lawsuits filed in the US in 2025
UsableNet
94.8%
Of websites fail basic WCAG checks
WebAIM Million 2025
77%
Of ADA lawsuits target companies under $25M revenue
AudioEye
How to Fix It
- Add <meta name="viewport" content="width=device-width, initial-scale=1"> to the <head> section of your HTML.
- For Next.js apps, this is typically added in the root layout or via the metadata configuration.
- Avoid setting maximum-scale=1 or user-scalable=no — these disable pinch-to-zoom, which is an accessibility issue.
- Test your mobile rendering using Chrome DevTools device mode or by visiting your site on an actual mobile device.
Frequently Asked Questions
How does SaaSalyst check for the mobile viewport?
SaaSalyst looks for a <meta name='viewport'> tag in your HTML. If missing, the check fails as a high-severity accessibility issue because mobile browsers will render your page incorrectly.
What happens without a viewport tag?
Mobile browsers render your page at desktop width (around 980px) and scale it down. SaaSalyst flags this because it makes text unreadable and controls unusable on mobile devices.
How does a missing viewport affect my Business Readiness Score?
SaaSalyst rates a missing viewport as high severity in Accessibility. With over 58% of web traffic on mobile, a broken mobile experience significantly impacts both user experience and Google's mobile-first indexing.
References & Official Sources
Official regulatory and standards sources relevant to the checks SaaSalyst runs on your site.
- WCAG Overview— W3C
- European Accessibility Act Directive— European Union
- WebAIM Million Annual Report— WebAIM
Check Your SaaS Now — Free
SaaSalyst scans your website in 30 seconds and checks for Mobile Viewport Missing along with 40+ other business readiness signals.
Scan Your App