Skip to content

[Bug]: React Native Web - Examples fail with accessibility errors #33936

Description

@jonniebigodes

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

  1. Initialize a React Native project
  2. Install Storybook for React Native (can be either the Web version or the Both version that includes all the supported frameworks)
  3. Select the Recommended workflow to include the A11y addon when prompted during the installation process
  4. 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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions