Skip to content

feat: integrate @storybook/addon-a11y for accessibility testing#113

Closed
praveenreddy1798 wants to merge 1 commit intoalan2207:masterfrom
praveenreddy1798:feat/a11y-testing
Closed

feat: integrate @storybook/addon-a11y for accessibility testing#113
praveenreddy1798 wants to merge 1 commit intoalan2207:masterfrom
praveenreddy1798:feat/a11y-testing

Conversation

@praveenreddy1798
Copy link
Copy Markdown

@praveenreddy1798 praveenreddy1798 commented Jan 25, 2023

Changes in the PR

  1. Added @storybook/addon-a11y ^6.5.15 version for Accessibillity testing
  2. Upgraded @storybook/addon-actions, @storybook/addon-essentials, @storybook/addon-links, @storybook/node-logger and @storybook/react to ^6.5.15 . This is to make sure that they are compatible with each other

Screenshots
Screenshot 2023-01-25 at 8 32 00 PM

Why Storybook's a11y addon for accessibility testing ?

  1. Component-level violations - Unlike tools like Lighthouse that provide page-level violations, It helps pinpoint violations on a component-level. This helps you get feedback as you write your components.

  2. Great feedback - It no only pinpoint violations on a component-level, but also provides resources and links to educate about the violations and how to go about fixing them.

  3. Automation - It helps you integrate these accessibility tests into your test automation pipeline with Storybook test runner and axe-playwright with ease.

  4. Flexibility to choose your rules - Storybook allows users to choose your own rules and features from the Axe API in their Storybook configuration. There are options to include or exclude rules based on the accessibility standards that you are looking to follow.

  5. Color blindness emulator - A11y provides a color blindness emulator for visual testing.
    This helps you relate to users with disabilities in ways that wouldn’t have been possible before

Screenshot 2023-01-24 at 9 29 29 PM

@netlify
Copy link
Copy Markdown

netlify bot commented Jan 25, 2023

Deploy Preview for bulletproof-react-app ready!

Name Link
🔨 Latest commit ce34f29
🔍 Latest deploy log https://app.netlify.com/sites/bulletproof-react-app/deploys/63d147ac01b6030008b76578
😎 Deploy Preview https://deploy-preview-113--bulletproof-react-app.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

alan2207 added a commit that referenced this pull request May 6, 2024
alan2207 added a commit that referenced this pull request May 14, 2024
alan2207 added a commit that referenced this pull request May 14, 2024
@alan2207 alan2207 closed this May 14, 2024
ElephantPrinceDev pushed a commit to ElephantPrinceDev/react-bulletproof that referenced this pull request Feb 8, 2025
sweetdream-001 added a commit to sweetdream-001/react-Bulletproof01 that referenced this pull request Feb 18, 2025
myLife107 added a commit to myLife107/bullet that referenced this pull request May 6, 2025
Janegod620 pushed a commit to Janegod620/react-project-1 that referenced this pull request Oct 2, 2025
shakedbuk57 pushed a commit to shakedbuk57/bullet-proof that referenced this pull request Dec 18, 2025
dominguez8697 added a commit to dominguez8697/react-proof that referenced this pull request Dec 19, 2025
rk22sm added a commit to rk22sm/proof_react that referenced this pull request Jan 19, 2026
HunterDev619 added a commit to HunterDev619/bulletproof-react that referenced this pull request Feb 4, 2026
LinJingAn added a commit to LinJingAn/FWD that referenced this pull request Feb 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants