Skip to content

[Bug]: Accessibility issue: maximum-scale=1 added to viewport meta tag in the <head> prevents zooming #31272

@alionazherdetska

Description

@alionazherdetska

Describe the bug

Storybook adds maximum-scale=1 to the viewport meta tag in the HTML head of the documentation pages, which disables zooming functionality. This creates a critical accessibility issue as users with visual impairments who need to zoom cannot do so.
This prevents compliance with WCAG 2.1 Success Criterion 1.4.4 (Resize text), which requires that text can be resized without assistive technology up to 200 percent without loss of content or functionality.

Image

Reproduction link

https://temporary-design-system-post.netlify.app/?path=/docs/introduction--docs

Reproduction steps

  1. Go to https://temporary-design-system-post.netlify.app/?path=/docs/introduction--docs
  2. Right-click and inspect the page, then look at the section
  3. Check the meta tag: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> inside <head>

System

Storybook version 8.2.7

Additional context

No response

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions