A presentation at React Alicante 2024 in in Alicante, Spain by Kathleen McMahon
Bienvenidos a todos!
@resource11 Twitter | Instagram | GitHub
Design Systems are ALWAYS the hotness
Why accessibility?
Vision Sensory Hearing Language Inclusive Design Persona Spectrum (CC BY-NC-SA 2.0) Motor Cognitive Low bandwidth
February 2024 WebAIM Million An accessibility analysis of the top 1,000,000 home pages
February 2024 11.8% Increase in added ARIA attributes
February 2024 34.2% More detected errors than those without ARIA present
What can we do about this?
WordPress
Why Storybook testing?
Accessibility is Fresh
Component-driven development
Component Story Format
@storybook/a11y-addon
@storybook/axe-playwright
Works with the accessibility tree
Manual testing needed
Accessibility is Fresh
Thank you.
Gracias.
@resource11 Twitter | Instagram | GitHub
Design system components are like colorful pastries, artfully arranged in a patisserie window with promises of tasty treats. But are those pastries — in fact — delicious and fresh, or are they false promises? How can you be sure these components taste as good as they look — for everyone? Storybook tests!
In this talk, you’ll learn the secret to testing your components for accessibility and keeping your design system tasty and fresh.
The following resources were mentioned during the presentation or are useful additional information.
The report on the accessibility of the top 1,000,000 home pages from 2019 through 2023
Here’s what was said about this presentation on social media.
