-
-
Notifications
You must be signed in to change notification settings - Fork 9.8k
Closed
Labels
a11y: zoomAccessibility issues related to typography size and zoom featuresAccessibility issues related to typography size and zoom featuresaccessibilitybugneeds triageui
Description
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.
Reproduction link
https://temporary-design-system-post.netlify.app/?path=/docs/introduction--docs
Reproduction steps
- Go to https://temporary-design-system-post.netlify.app/?path=/docs/introduction--docs
- Right-click and inspect the page, then look at the section
- Check the meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">inside<head>
System
Storybook version 8.2.7Additional context
No response
greptile-apps and Sidnioulz
Metadata
Metadata
Assignees
Labels
a11y: zoomAccessibility issues related to typography size and zoom featuresAccessibility issues related to typography size and zoom featuresaccessibilitybugneeds triageui
Type
Projects
Status
Done
