Accessibility Testing & Dashboard are live Introducing our component-driven approach to accessibility

In the meantime, here's a blog post introducing some of our tools. These particular projects are a passion of mine and it's been a privilege to design and help build them. Let me know what you think! Thanks!

www.chromatic.com/blog/accessi...

The combination of Accessibility Regression #testing and the Accessibility Dashboard in #Chromatic are a SOLID combo, especially when paired with #Storybook, and I can tell you with confidence that they are continuing to improve. I can't wait to share a few updates we've been cooking up.

Not only have we been making a concerted effort across our products to improve accessibility, but we also built out some pretty cool tools to aid in that quest...

You would be surprised at how many issues are caused by something so small. For example, one of our engineers discovered that changing one line of code led to the fixing of 7,000 violations.

Capturing all of these states results in a fair amount of duplication (which I'm sure your apps and websites have as well in their reports). If a Button component has four accessibility violations, you will see those propagate to every view or component using that Button (as will your users).

Over the years, we have used our @storybook.js.org to as a tool to get excellent coverage of our various components in all their states. Everything from atomic components to full-on pages are captured. We even capture our email templates and #test those!

My team has fixed over 18 THOUSAND #accessibility violations over the last few months in @chromatic.com and we're continuing to make forward progress. SO stoked to see these kinds of results. How did we get so many?

👋 Hey! Storybook/Chromatic designer (and WP core committer) here. I'm curious what you would like to see here and how it could help you. In the past, working on WordPress.com products, I would have loved some of the testing available in Storybook and visual tests from Chromatic.

maximize every window

Hey! I could use a bit of help answering a question: Which products have you used that work well together as a holistic platform? Especially interested in OSS or combinations of #OSS and #SAAS. #design #frontend #web

Accessibility Testing & Dashboard are live Introducing our component-driven approach to accessibility

here's the link if you're into blog posts and wanna try it asap
www.chromatic.com/blog/accessi...

we made a thing! go test some #accessibility and make your stuff even better!

you MUST listen to this. you SHOULD turn the volume up

okay this site and posts are absolute gold www.nicchan.me

#designSystems #design #web #developer #accessibility

every #AI

as the lead designer on Storybook, it is my responsibility to bring the design of @storybook.js.org forward. when the industry evolves, we must adapt. thank you, #apple for leading the way with #liquidGlass. yes, it will be hard to read text, but sometimes it won't. to get involved please...

Apple introduced Liquid Glass yesterday, so our designer @michaelarestad.bsky.social reimagined Storybook with Liquid Plexiglass 😅

How big it is? SCSS tells you! THOUSANDS of queries. Slick @for loops! Resize your window and enjoy the worst abuse of media queries yet....

omg, i totally forgot about that. i need to dig those up. one of the things that inspired that was this lil' pen i made to measure viewports by generating a bunch of media queries. codepen.io/MichaelArest...