Storybook releases inclusive design recipes and first-class RTL support

Design · 5 min read

Storybook's new features include a library of "inclusive recipes"—predefined scenarios such as keyboard-only navigation, screen reader order checks, high-contrast themes, and reduced-motion toggles. Authors can attach recipes to components so each story validates common accessibility scenarios during development.

The update also introduces improved RTL support: stories can render side-by-side LTR/RTL variants with mirrored layout diagnostics and automatic flip checks for icons and content flow. This is particularly useful for teams shipping globalized products where bidirectional languages are common failure points.

Integrations with automated testing tools enable teams to run inclusive recipes as part of CI, surfacing regressions early. Storybook’s approach aims to make inclusive behavior as testable and observable as visual styling, closing a long-standing gap between component design and accessibility QA.