iiinova — where your digital self keeps evolving

michaelarestad.bsky.social @michaelarestad.bsky.social · 17/10/2025

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...

chromatic.com

Accessibility Testing & Dashboard are live

Introducing our component-driven approach to accessibility

000

michaelarestad.bsky.social @michaelarestad.bsky.social · 17/10/2025

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.

110

michaelarestad.bsky.social @michaelarestad.bsky.social · 17/10/2025

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...

100

michaelarestad.bsky.social @michaelarestad.bsky.social · 17/10/2025

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.

100

michaelarestad.bsky.social @michaelarestad.bsky.social · 17/10/2025

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).

100

michaelarestad.bsky.social @michaelarestad.bsky.social · 17/10/2025

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!

100

michaelarestad.bsky.social @michaelarestad.bsky.social · 17/10/2025

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?

121

michaelarestad.bsky.social @michaelarestad.bsky.social · 30/09/2025

👋 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.

200

michaelarestad.bsky.social @michaelarestad.bsky.social · 02/09/2025

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

010

michaelarestad.bsky.social @michaelarestad.bsky.social · 08/07/2025

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

110

michaelarestad.bsky.social @michaelarestad.bsky.social · 03/07/2025

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

010

michaelarestad.bsky.social @michaelarestad.bsky.social · 10/06/2025

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...

061

Reposted by @michaelarestad.bsky.social

Storybook @storybook.js.org · 10/06/2025

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

4194

michaelarestad.bsky.social @michaelarestad.bsky.social · 10/06/2025

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...

codepen.io

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....

010