We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
AXE DevTools finds a critical error when ran against Storybook:
Ensure <meta name="viewport"> does not disable text scaling and zooming
This is due to the viewport meta tag in the <head> element:
viewport
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
For accessibility reasons, zooming and scaling should be allowed in order to avoid violation of 1.4.4 Resize Text.
https://carbon.sage.com/?path=/story/welcome--welcome-page
Storybook Environment Info:
System: OS: macOS 14.6.1 CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz Shell: 5.9 - /bin/zsh Binaries: Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node npm: 10.5.2 - ~/git/carbon/node_modules/.bin/npm <----- active Browsers: Edge: 129.0.2792.89 Safari: 17.6 npmPackages: @storybook/addon-a11y: ^8.2.6 => 8.2.6 @storybook/addon-actions: ^8.2.6 => 8.2.6 @storybook/addon-controls: ^8.2.6 => 8.2.6 @storybook/addon-docs: ^8.2.6 => 8.2.6 @storybook/addon-toolbars: ^8.2.6 => 8.2.6 @storybook/addon-viewport: ^8.2.6 => 8.2.6 @storybook/addon-webpack5-compiler-swc: ^1.0.4 => 1.0.5 @storybook/components: ^8.2.6 => 8.2.6 @storybook/manager-api: ^8.2.6 => 8.2.6 @storybook/preview-api: ^8.2.6 => 8.2.6 @storybook/react: ^8.2.6 => 8.2.6 @storybook/react-webpack5: ^8.2.6 => 8.2.6 @storybook/theming: ^8.2.6 => 8.2.6 @storybook/types: ^8.2.6 => 8.2.6 chromatic: ^6.17.4 => 6.24.1 storybook: ^8.2.6 => 8.2.6
No response
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Describe the bug
AXE DevTools finds a critical error when ran against Storybook:
This is due to the
viewport
meta tag in the<head>
element:For accessibility reasons, zooming and scaling should be allowed in order to avoid violation of 1.4.4 Resize Text.
Reproduction link
https://carbon.sage.com/?path=/story/welcome--welcome-page
Reproduction steps
System
Storybook Environment Info:
System:
OS: macOS 14.6.1
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Shell: 5.9 - /bin/zsh
Binaries:
Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node
npm: 10.5.2 - ~/git/carbon/node_modules/.bin/npm <----- active
Browsers:
Edge: 129.0.2792.89
Safari: 17.6
npmPackages:
@storybook/addon-a11y: ^8.2.6 => 8.2.6
@storybook/addon-actions: ^8.2.6 => 8.2.6
@storybook/addon-controls: ^8.2.6 => 8.2.6
@storybook/addon-docs: ^8.2.6 => 8.2.6
@storybook/addon-toolbars: ^8.2.6 => 8.2.6
@storybook/addon-viewport: ^8.2.6 => 8.2.6
@storybook/addon-webpack5-compiler-swc: ^1.0.4 => 1.0.5
@storybook/components: ^8.2.6 => 8.2.6
@storybook/manager-api: ^8.2.6 => 8.2.6
@storybook/preview-api: ^8.2.6 => 8.2.6
@storybook/react: ^8.2.6 => 8.2.6
@storybook/react-webpack5: ^8.2.6 => 8.2.6
@storybook/theming: ^8.2.6 => 8.2.6
@storybook/types: ^8.2.6 => 8.2.6
chromatic: ^6.17.4 => 6.24.1
storybook: ^8.2.6 => 8.2.6
Additional context
No response
The text was updated successfully, but these errors were encountered: