Chromatic

We're excited to share a preview of Accessibility Regression Testing – combining Storybook and axe with Chromatic's regression testing workflow for a unique approach: –????Component-first testing catches issues at their source. Fix one component and solve problems across every page it touches. ??–?Regression detection is the secret sauce. Instead of drowning in violation reports, Chromatic establishes baselines and flags only what changed in each PR. –????Real-time reports that offer a bird's-eye view of accessibility issues across all components, helping you track progress toward WCAG compliance. Fix issues as they emerge, ship features without adding accessibility debt, and make accessibility a part of your everyday workflow. Read the full announcement and sign up for the Early Access Program ?? https://hubs.li/Q03bkdm90

We're excited to share a sneak peek of the revamped Accessibility Addon in Storybook 9.0! With several Accessibility Acts coming into effect this year, we've redesigned the addon to accelerate your path to compliance. ?? Redesigned layout for scanability ?? Highlight issues in the canvas ???Share permalinks to rules and elements ???Rerun tests for stateful UIs ???Integrates with Storybook Test The updated addon also lays the foundation for Chromatic's new Accessibility Regression feature that tracks violations over time and prevents regressions from sneaking into pull requests. https://lnkd.in/gN4WHdCM

?? Accessibility bugs shouldn’t be a surprise. But for most teams, they are caught way too late, buried in long reports, and expensive to fix. That’s why we’re flipping the script. Chromatic’s Accessibility Regression Testing catches issues where they start: in components, early in the development. We’re rolling this out to early adopters. Want in? Request early access now ?? https://hubs.li/Q03d817h0

As developers, we know how easy it is for accessibility issues to slip through the cracks. With the European Accessibility Act (EAA) approaching, it’s more important than ever to ensure our UIs are accessible. Accessibility regression testing continuously tracks WCAG violations over time highlighting only new or changed violations, so you’re not overwhelmed by preexisting issues when merging a pull request. Read more here ?? https://hubs.ly/Q03cQX2f0

The European Accessibility Act (EAA) is coming in June 2025, bringing new accessibility standards for digital presences in the EU. If your team builds software, apps, or websites, it’s time to make sure your UI is up to code (literally). We put together a developer’s guide for compliance that covers: ?? How to audit your product for accessibility gaps ?? What technical standards (like WCAG) you need to meet ?? How to build accessible UIs without slowing down development ? Steps to future-proof your UI and avoid last-minute compliance scrambles Read the full guide here ?? https://hubs.ly/Q03bMkVG0

Last week we kicked off "Storybook Test Bootcamp," a weekly curriculum covering every facet of our new component testing tools. If you're interested in pushing the boundaries of frontend testing – there are still spots available! https://lnkd.in/e9G8Wh26

Join us tomorrow for a live session on visual testing portal-based components such as modals, tooltips & popovers. You’ll learn how to write reliable visual tests that properly capture portal components and avoid cut-off snapshots. ?? Register to attend (link in comment)

We're hiring a senior product designer for Storybook, expanding our design team to three. Our tools are used by over half the Fortune 50, this means design has a huge impact on the quality of UIs across the internet. Comment or share if you know someone who might be interested ?? https://lnkd.in/eGjNeNvA

Storybook 8.5 is out! Run Axe accessibility checks on all of your stories automatically (watch mode). This helps you develop toward accessibility standards like WCAG. ???Realtime accessibility tests? ????Project-level code coverage? ???Test a batch of stories in a folder or component ???React Native Web + Vite framework ???Join our community for a Testing Bootcamp https://lnkd.in/ek9__2vd

We just launched *tags* to help you organize stories. But why? Storybook does a lot: development, testing, and documentation. Sometimes a story can be used for testing but not for docs and vice versa. With tags you can filter story groups to see only what matters to you. ????Easy authoring ???Interactive sidebar filter ???Static tag-based filtering ???Updated badges addon https://lnkd.in/eMDTZcVN #componentdriven