Describe the bug
When a user installs the React Native Web example and runs it in the browser, the A11y addon will report accessibility errors. Most of the errors are related to color contrast issues that were not addressed in a previous body of work, including the examples and the related maintenance of the React Native Web example. The errors are not related to Storybook itself but rather the implementation of the example and the components used in it. The errors can be addressed by updating the components used in the example to meet accessibility standards, such as ensuring sufficient color contrast and other accessibility best practices.
Reproduction link
N/A
Reproduction steps
- Initialize a React Native project
- Install Storybook for React Native (can be either the Web version or the Both version that includes all the supported frameworks)
- Select the Recommended workflow to include the A11y addon when prompted during the installation process
- Run Storybook and observe the accessibility errors in the browser.
System
System:
│ OS: macOS 15.0.1
│ CPU: (8) arm64 Apple M3
│ Shell: 5.9 - /bin/zsh
│ Binaries:
│ Node: 24.13.0 - /Users/joaocardoso/.nvm/versions/node/v24.13.0/bin/node
│ Yarn: 1.22.22 - /usr/local/bin/yarn
│ npm: 11.6.2 - /Users/joaocardoso/.nvm/versions/node/v24.13.0/bin/npm <-----
│ active
│ pnpm: 10.15.1 - /opt/homebrew/bin/pnpm
│ Browsers:
│ Chrome: 145.0.7632.111
│ Edge: 145.0.3800.70
│ Firefox: 136.0
│ Safari: 18.0.1
│ npmPackages:
│ @storybook/addon-a11y: 10.3.0-alpha.9 => 10.3.0-alpha.9
│ @storybook/addon-docs: 10.3.0-alpha.9 => 10.3.0-alpha.9
│ @storybook/addon-vitest: 10.3.0-alpha.9 => 10.3.0-alpha.9
│ @storybook/react-native-web-vite: 10.3.0-alpha.9 => 10.3.0-alpha.9
│ eslint-plugin-storybook: 10.3.0-alpha.9 => 10.3.0-alpha.9
│ storybook: 10.3.0-alpha.9 => 10.3.0-alpha.9
Additional context
No response
Describe the bug
When a user installs the React Native Web example and runs it in the browser, the A11y addon will report accessibility errors. Most of the errors are related to color contrast issues that were not addressed in a previous body of work, including the examples and the related maintenance of the React Native Web example. The errors are not related to Storybook itself but rather the implementation of the example and the components used in it. The errors can be addressed by updating the components used in the example to meet accessibility standards, such as ensuring sufficient color contrast and other accessibility best practices.
Reproduction link
N/A
Reproduction steps
System
Additional context
No response