Chromatic
@chromatic.com
Our mission: to improve the UX of the Internet.
Core maintainers of Storybook and makers of Chromatic.
Core maintainers of Storybook and makers of Chromatic.
We cut our a11y issues by 94% after we stopped treating them as tickets & started treating them as system flow. Then we blocked new regressions in CI, inflow dropped to zero & the backlog finally moved.
Now we’re sharing how we did it in a live session.
🔗 Link in comments
Now we’re sharing how we did it in a live session.
🔗 Link in comments
November 7, 2025 at 3:30 PM
We cut our a11y issues by 94% after we stopped treating them as tickets & started treating them as system flow. Then we blocked new regressions in CI, inflow dropped to zero & the backlog finally moved.
Now we’re sharing how we did it in a live session.
🔗 Link in comments
Now we’re sharing how we did it in a live session.
🔗 Link in comments
You can’t trust what you can’t reproduce.
Flaky tests pass, fail, then pass again — not because of randomness, but rendering instability.
This Thursday, Scott Johnson, PhD from Chromatic shows how SteadySnap has cut false diffs by 34%.
🗓️ Oct 30 · 12 PM EDT
🔗 Registration link in comments 👇
Flaky tests pass, fail, then pass again — not because of randomness, but rendering instability.
This Thursday, Scott Johnson, PhD from Chromatic shows how SteadySnap has cut false diffs by 34%.
🗓️ Oct 30 · 12 PM EDT
🔗 Registration link in comments 👇
October 27, 2025 at 4:07 PM
You can’t trust what you can’t reproduce.
Flaky tests pass, fail, then pass again — not because of randomness, but rendering instability.
This Thursday, Scott Johnson, PhD from Chromatic shows how SteadySnap has cut false diffs by 34%.
🗓️ Oct 30 · 12 PM EDT
🔗 Registration link in comments 👇
Flaky tests pass, fail, then pass again — not because of randomness, but rendering instability.
This Thursday, Scott Johnson, PhD from Chromatic shows how SteadySnap has cut false diffs by 34%.
🗓️ Oct 30 · 12 PM EDT
🔗 Registration link in comments 👇
Your test fails. You rerun it. It passes. Flake ≠ random. It’s render instability.
Join Chromatic’s graphics specialist, Scott Johnson, to learn what causes flake & how SteadySnap cuts visual inconsistencies by 34%.
🗓️ Oct 30 · 12 PM EDT / 18 CET
👇 Registration in comments
Join Chromatic’s graphics specialist, Scott Johnson, to learn what causes flake & how SteadySnap cuts visual inconsistencies by 34%.
🗓️ Oct 30 · 12 PM EDT / 18 CET
👇 Registration in comments
October 22, 2025 at 8:16 PM
Your test fails. You rerun it. It passes. Flake ≠ random. It’s render instability.
Join Chromatic’s graphics specialist, Scott Johnson, to learn what causes flake & how SteadySnap cuts visual inconsistencies by 34%.
🗓️ Oct 30 · 12 PM EDT / 18 CET
👇 Registration in comments
Join Chromatic’s graphics specialist, Scott Johnson, to learn what causes flake & how SteadySnap cuts visual inconsistencies by 34%.
🗓️ Oct 30 · 12 PM EDT / 18 CET
👇 Registration in comments
👀 Reminder: our webinar’s tomorrow
A11y testing isn’t either/or.
Automated checks catch the obvious. Manual testing catches the weird stuff.
Used together = fewer bugs in prod.
Join us + Homer Gaines, CPACC to break down a workflow that scales.
🎫 Save your spot: us02web.zoom.us/webinar/regi...
A11y testing isn’t either/or.
Automated checks catch the obvious. Manual testing catches the weird stuff.
Used together = fewer bugs in prod.
Join us + Homer Gaines, CPACC to break down a workflow that scales.
🎫 Save your spot: us02web.zoom.us/webinar/regi...
August 4, 2025 at 4:09 PM
👀 Reminder: our webinar’s tomorrow
A11y testing isn’t either/or.
Automated checks catch the obvious. Manual testing catches the weird stuff.
Used together = fewer bugs in prod.
Join us + Homer Gaines, CPACC to break down a workflow that scales.
🎫 Save your spot: us02web.zoom.us/webinar/regi...
A11y testing isn’t either/or.
Automated checks catch the obvious. Manual testing catches the weird stuff.
Used together = fewer bugs in prod.
Join us + Homer Gaines, CPACC to break down a workflow that scales.
🎫 Save your spot: us02web.zoom.us/webinar/regi...
Automated a11y tests = fast + scalable.
Manual a11y testing = real-world coverage.
Used together? You catch more bugs before they ship.
Join us + accessibility expert Homer Gaines to build a workflow that works.
🗓️ Tues, Aug 5 — 12PM EDT
🎟️ register here → us02web.zoom.us/webinar/regi...
Manual a11y testing = real-world coverage.
Used together? You catch more bugs before they ship.
Join us + accessibility expert Homer Gaines to build a workflow that works.
🗓️ Tues, Aug 5 — 12PM EDT
🎟️ register here → us02web.zoom.us/webinar/regi...
August 1, 2025 at 4:48 PM
Automated a11y tests = fast + scalable.
Manual a11y testing = real-world coverage.
Used together? You catch more bugs before they ship.
Join us + accessibility expert Homer Gaines to build a workflow that works.
🗓️ Tues, Aug 5 — 12PM EDT
🎟️ register here → us02web.zoom.us/webinar/regi...
Manual a11y testing = real-world coverage.
Used together? You catch more bugs before they ship.
Join us + accessibility expert Homer Gaines to build a workflow that works.
🗓️ Tues, Aug 5 — 12PM EDT
🎟️ register here → us02web.zoom.us/webinar/regi...
Accessibility debt adds up fast—especially with limited time, lean teams, and legacy code.
Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap.
Registration link in comments 👇
Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap.
Registration link in comments 👇
July 22, 2025 at 5:16 PM
Accessibility debt adds up fast—especially with limited time, lean teams, and legacy code.
Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap.
Registration link in comments 👇
Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap.
Registration link in comments 👇
Accessibility debt piles up fast. Fixing it shouldn’t burn out your team.
Join @a11ymel.bsky.social (HashiCorp) and @ericwbailey.website (GitHub) for a live session on how to reduce A11y debt without overwhelming your team.
🗓 July 24, 12PM EDT
🔗 save your spot: us02web.zoom.us/webinar/regi...
Join @a11ymel.bsky.social (HashiCorp) and @ericwbailey.website (GitHub) for a live session on how to reduce A11y debt without overwhelming your team.
🗓 July 24, 12PM EDT
🔗 save your spot: us02web.zoom.us/webinar/regi...
July 18, 2025 at 5:33 PM
Accessibility debt piles up fast. Fixing it shouldn’t burn out your team.
Join @a11ymel.bsky.social (HashiCorp) and @ericwbailey.website (GitHub) for a live session on how to reduce A11y debt without overwhelming your team.
🗓 July 24, 12PM EDT
🔗 save your spot: us02web.zoom.us/webinar/regi...
Join @a11ymel.bsky.social (HashiCorp) and @ericwbailey.website (GitHub) for a live session on how to reduce A11y debt without overwhelming your team.
🗓 July 24, 12PM EDT
🔗 save your spot: us02web.zoom.us/webinar/regi...
🚀 Accessibility Testing is live in Chromatic!
Run a11y checks in Storybook.
Catch regressions in CI.
Track progress in the new dashboard.
Join us tomorrow for a live demo of the full pipeline + AMA.
🗓 July 10 · 12PM EDT
🔗 Sign up here: us02web.zoom.us/webinar/regi...
Run a11y checks in Storybook.
Catch regressions in CI.
Track progress in the new dashboard.
Join us tomorrow for a live demo of the full pipeline + AMA.
🗓 July 10 · 12PM EDT
🔗 Sign up here: us02web.zoom.us/webinar/regi...
July 9, 2025 at 3:26 PM
🚀 Accessibility Testing is live in Chromatic!
Run a11y checks in Storybook.
Catch regressions in CI.
Track progress in the new dashboard.
Join us tomorrow for a live demo of the full pipeline + AMA.
🗓 July 10 · 12PM EDT
🔗 Sign up here: us02web.zoom.us/webinar/regi...
Run a11y checks in Storybook.
Catch regressions in CI.
Track progress in the new dashboard.
Join us tomorrow for a live demo of the full pipeline + AMA.
🗓 July 10 · 12PM EDT
🔗 Sign up here: us02web.zoom.us/webinar/regi...
The dashboard gives you a component-level overview of accessibility issues across your entire project.
📈 Visualize trends over time and measure progress
🔍 Find components that need the most attention
📋 Prioritize fixes by impact
📈 Visualize trends over time and measure progress
🔍 Find components that need the most attention
📋 Prioritize fixes by impact
July 8, 2025 at 3:52 PM
The dashboard gives you a component-level overview of accessibility issues across your entire project.
📈 Visualize trends over time and measure progress
🔍 Find components that need the most attention
📋 Prioritize fixes by impact
📈 Visualize trends over time and measure progress
🔍 Find components that need the most attention
📋 Prioritize fixes by impact
Smart regression checks in CI
Easily distinguish between pre-existing accessibility debt and new issues introduced by your PR.
So you can ship fast without accidentally adding new accessibility issues.
Easily distinguish between pre-existing accessibility debt and new issues introduced by your PR.
So you can ship fast without accidentally adding new accessibility issues.
July 8, 2025 at 3:52 PM
Smart regression checks in CI
Easily distinguish between pre-existing accessibility debt and new issues introduced by your PR.
So you can ship fast without accidentally adding new accessibility issues.
Easily distinguish between pre-existing accessibility debt and new issues introduced by your PR.
So you can ship fast without accidentally adding new accessibility issues.
Traditional tools create redundant errors because they run page-level tests, and components are reused across your app.
You waste time tracing each error back to its source.
Chromatic uses your existing stories to run tests, making it easier to spot and fix issues.
You waste time tracing each error back to its source.
Chromatic uses your existing stories to run tests, making it easier to spot and fix issues.
July 8, 2025 at 3:52 PM
Traditional tools create redundant errors because they run page-level tests, and components are reused across your app.
You waste time tracing each error back to its source.
Chromatic uses your existing stories to run tests, making it easier to spot and fix issues.
You waste time tracing each error back to its source.
Chromatic uses your existing stories to run tests, making it easier to spot and fix issues.
🚀 Chromatic's Accessibility Testing & Dashboard are now live!
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
July 8, 2025 at 3:52 PM
🚀 Chromatic's Accessibility Testing & Dashboard are now live!
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
🚀 Accessibility Testing drops next week in Chromatic.
Join us for a live demo + AMA:
See how to catch issues in Storybook, prevent regressions in CI, and track fixes over time—without slowing down your team.
🗓 July 10 · 12:00 PM EDT / 18:00 CET
👉 Save your spot: us02web.zoom.us/webinar/regi...
Join us for a live demo + AMA:
See how to catch issues in Storybook, prevent regressions in CI, and track fixes over time—without slowing down your team.
🗓 July 10 · 12:00 PM EDT / 18:00 CET
👉 Save your spot: us02web.zoom.us/webinar/regi...
July 2, 2025 at 2:50 PM
🚀 Accessibility Testing drops next week in Chromatic.
Join us for a live demo + AMA:
See how to catch issues in Storybook, prevent regressions in CI, and track fixes over time—without slowing down your team.
🗓 July 10 · 12:00 PM EDT / 18:00 CET
👉 Save your spot: us02web.zoom.us/webinar/regi...
Join us for a live demo + AMA:
See how to catch issues in Storybook, prevent regressions in CI, and track fixes over time—without slowing down your team.
🗓 July 10 · 12:00 PM EDT / 18:00 CET
👉 Save your spot: us02web.zoom.us/webinar/regi...
Accessibility issues are easiest to fix before they ship.
Join us live with @marcysutton.com on Tuesday to learn how to catch them early—with practical techniques for testing in dev, CI & beyond.
It’s the workflow every frontend team should see.
🎟️ Register here: us02web.zoom.us/webinar/regi...
Join us live with @marcysutton.com on Tuesday to learn how to catch them early—with practical techniques for testing in dev, CI & beyond.
It’s the workflow every frontend team should see.
🎟️ Register here: us02web.zoom.us/webinar/regi...
April 18, 2025 at 7:45 PM
Accessibility issues are easiest to fix before they ship.
Join us live with @marcysutton.com on Tuesday to learn how to catch them early—with practical techniques for testing in dev, CI & beyond.
It’s the workflow every frontend team should see.
🎟️ Register here: us02web.zoom.us/webinar/regi...
Join us live with @marcysutton.com on Tuesday to learn how to catch them early—with practical techniques for testing in dev, CI & beyond.
It’s the workflow every frontend team should see.
🎟️ Register here: us02web.zoom.us/webinar/regi...
Accessibility isn’t a one-time fix—it’s an ongoing process. 🔄
With the European Accessibility Act on the way, teams need to catch accessibility regressions early. The best way? Automated testing.
Learn how Storybook, axe & Chromatic help keep your UI accessible—without extra effort. Link below👇
With the European Accessibility Act on the way, teams need to catch accessibility regressions early. The best way? Automated testing.
Learn how Storybook, axe & Chromatic help keep your UI accessible—without extra effort. Link below👇
March 21, 2025 at 2:01 PM
Accessibility isn’t a one-time fix—it’s an ongoing process. 🔄
With the European Accessibility Act on the way, teams need to catch accessibility regressions early. The best way? Automated testing.
Learn how Storybook, axe & Chromatic help keep your UI accessible—without extra effort. Link below👇
With the European Accessibility Act on the way, teams need to catch accessibility regressions early. The best way? Automated testing.
Learn how Storybook, axe & Chromatic help keep your UI accessible—without extra effort. Link below👇
You’ll get realtime reporting with impact analysis.
Chromatic continuously tracks accessibility issues across components. A birds-eye view helps you identify areas that'll have the greatest impact. As your team resolves issues, you can track progress toward WCAG compliance.
Chromatic continuously tracks accessibility issues across components. A birds-eye view helps you identify areas that'll have the greatest impact. As your team resolves issues, you can track progress toward WCAG compliance.
March 11, 2025 at 3:35 PM
You’ll get realtime reporting with impact analysis.
Chromatic continuously tracks accessibility issues across components. A birds-eye view helps you identify areas that'll have the greatest impact. As your team resolves issues, you can track progress toward WCAG compliance.
Chromatic continuously tracks accessibility issues across components. A birds-eye view helps you identify areas that'll have the greatest impact. As your team resolves issues, you can track progress toward WCAG compliance.
Chromatic also makes it easy to drill down and debug these violations:
🔍 Problematic DOM nodes are highlighted in snapshot
⚙️ Launch the published Storybook to debug with browser devtools
🔗 Share links to specific violations with your team for faster collaboration
🔍 Problematic DOM nodes are highlighted in snapshot
⚙️ Launch the published Storybook to debug with browser devtools
🔗 Share links to specific violations with your team for faster collaboration
March 11, 2025 at 3:28 PM
Chromatic also makes it easy to drill down and debug these violations:
🔍 Problematic DOM nodes are highlighted in snapshot
⚙️ Launch the published Storybook to debug with browser devtools
🔗 Share links to specific violations with your team for faster collaboration
🔍 Problematic DOM nodes are highlighted in snapshot
⚙️ Launch the published Storybook to debug with browser devtools
🔗 Share links to specific violations with your team for faster collaboration
Regression detection is the secret sauce here. Instead of drowning in violation reports, Chromatic sets baselines and flags only the changes in each PR.
This separates pre-existing issues from new ones, ensuring teams never backslide as the app evolves.
This separates pre-existing issues from new ones, ensuring teams never backslide as the app evolves.
March 11, 2025 at 3:28 PM
Regression detection is the secret sauce here. Instead of drowning in violation reports, Chromatic sets baselines and flags only the changes in each PR.
This separates pre-existing issues from new ones, ensuring teams never backslide as the app evolves.
This separates pre-existing issues from new ones, ensuring teams never backslide as the app evolves.
Traditional accessibility testing tools navigate page-by-page and run scans to compile a report.
You have to sort through thousands of noisy violations to figure out which component caused the violation.
Component-first testing makes it easier to identify the root cause.
You have to sort through thousands of noisy violations to figure out which component caused the violation.
Component-first testing makes it easier to identify the root cause.
March 11, 2025 at 3:27 PM
Traditional accessibility testing tools navigate page-by-page and run scans to compile a report.
You have to sort through thousands of noisy violations to figure out which component caused the violation.
Component-first testing makes it easier to identify the root cause.
You have to sort through thousands of noisy violations to figure out which component caused the violation.
Component-first testing makes it easier to identify the root cause.
We’re excited to share a sneak peek of Accessibility Regression Testing which combines Storybook & axe with Chromatic's specialized regression workflow.
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
March 11, 2025 at 3:26 PM
We’re excited to share a sneak peek of Accessibility Regression Testing which combines Storybook & axe with Chromatic's specialized regression workflow.
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
January 30, 2025 at 4:00 PM
Join us tomorrow for a live session on visually testing portal-based components like modals, tooltips & popovers.
Varun will demonstrate how to trigger these components using play functions and how to avoid cut-off snapshots.
👉 Register to attend: us02web.zoom.us/webinar/reg...
Varun will demonstrate how to trigger these components using play functions and how to avoid cut-off snapshots.
👉 Register to attend: us02web.zoom.us/webinar/reg...
January 29, 2025 at 3:26 PM
Join us tomorrow for a live session on visually testing portal-based components like modals, tooltips & popovers.
Varun will demonstrate how to trigger these components using play functions and how to avoid cut-off snapshots.
👉 Register to attend: us02web.zoom.us/webinar/reg...
Varun will demonstrate how to trigger these components using play functions and how to avoid cut-off snapshots.
👉 Register to attend: us02web.zoom.us/webinar/reg...
Join us this Thursday for a live session on visual testing portal-based components—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: us02web.zoom.us/webinar/reg...
You’ll learn how to write reliable visual tests that properly capture portal components and avoid cut-off snapshots.
👉 Register to attend: us02web.zoom.us/webinar/reg...
January 27, 2025 at 6:57 PM
Join us this Thursday for a live session on visual testing portal-based components—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: us02web.zoom.us/webinar/reg...
You’ll learn how to write reliable visual tests that properly capture portal components and avoid cut-off snapshots.
👉 Register to attend: us02web.zoom.us/webinar/reg...
Going live in just a couple of hours! Here's what we're going to cover:
📡 Trace Viewer
📊 Usage Reports
🔕 Ignore Selectors
⚡ TurboSnap tips & more
Register to attend: us02web.zoom.us/webinar/reg...
📡 Trace Viewer
📊 Usage Reports
🔕 Ignore Selectors
⚡ TurboSnap tips & more
Register to attend: us02web.zoom.us/webinar/reg...
December 12, 2024 at 3:07 PM
Going live in just a couple of hours! Here's what we're going to cover:
📡 Trace Viewer
📊 Usage Reports
🔕 Ignore Selectors
⚡ TurboSnap tips & more
Register to attend: us02web.zoom.us/webinar/reg...
📡 Trace Viewer
📊 Usage Reports
🔕 Ignore Selectors
⚡ TurboSnap tips & more
Register to attend: us02web.zoom.us/webinar/reg...
Experiencing inconsistent snapshots or rendering issues and not sure why?
With Trace Viewer, you can access network activity, console logs & more to debug these issues.
Join us this Thursday as we demo Trace Viewer and other new Chromatic features.
👉🏽 us02web.zoom.us/webinar/regi...
With Trace Viewer, you can access network activity, console logs & more to debug these issues.
Join us this Thursday as we demo Trace Viewer and other new Chromatic features.
👉🏽 us02web.zoom.us/webinar/regi...
December 10, 2024 at 7:35 PM
Experiencing inconsistent snapshots or rendering issues and not sure why?
With Trace Viewer, you can access network activity, console logs & more to debug these issues.
Join us this Thursday as we demo Trace Viewer and other new Chromatic features.
👉🏽 us02web.zoom.us/webinar/regi...
With Trace Viewer, you can access network activity, console logs & more to debug these issues.
Join us this Thursday as we demo Trace Viewer and other new Chromatic features.
👉🏽 us02web.zoom.us/webinar/regi...