Fixing viewport zoom accessibility issues on the Vercel homepage

Feedback
1

Hi Guys,

The Vercel homepage Vercel: Build and deploy the best web experiences with the AI Cloud contains a viewport meta tag that disables zoom on mobile devices:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Impact
Violates WCAG 1.4.10 (Reflow) Level AA
Violates WCAG 1.4.4 (Resize Text) Level AA
Blocks users with low vision from zooming
Flagged by Lighthouse accessibility audit
Suggested Fix
Remove maximum-scale=1:

<meta name="viewport" content="width=device-width, initial-scale=1">

.
here os reference to futher docs regarding the issue: Axe Rules | Deque University | Deque Systems

Thanks

1 Like
13

Thank you for sharing! Sending over to our product team :slight_smile: