Skip to content

Modernize Storybook docs with a11y gating and interaction coverage - #8

Merged
ntucker merged 3 commits into
mainfrom
storybook-10-modernization
Jul 26, 2026
Merged

Modernize Storybook docs with a11y gating and interaction coverage#8
ntucker merged 3 commits into
mainfrom
storybook-10-modernization

Conversation

@ntucker

@ntucker ntucker commented Jul 26, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Adopt Storybook 10 project defaults: global autodocs, docs.codePanel, and a11y.test: 'error'
  • Add play functions for interaction overlays (Dialog, Popover, Select, Menu, Tooltip, Accordion, Toast, Tabs) plus Field/Input invalid paths
  • Run portable story mounts in rstest and gate browser a11y/interactions in CI via @storybook/test-runner (served under /silk/ to match GitHub Pages assetPrefix)

Test plan

  • yarn typecheck
  • yarn test
  • yarn docs:build
  • yarn test:storybook (or wait for the Storybook Test CI job)
  • Spot-check Storybook toolbar color scheme / density globals and a few opened overlays in the a11y panel

Made with Cursor

Adopt Storybook 10 project defaults (autodocs, code panel, a11y error),
portable story mounts in rstest, and a CI test-runner job so overlays and
play functions are exercised in a real browser.

Co-authored-by: Cursor <cursoragent@cursor.com>
@changeset-bot

changeset-bot Bot commented Jul 26, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 5842c59

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@reactive/silk Patch
@reactive/silk-docs Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Give ScrollArea viewports tabindex=0, name the Popover dialog in docs,
and disable aria-hidden-focus for intentional open Select/Menu states
(Radix hides #storybook-root while the trigger remains focusable).

Co-authored-by: Cursor <cursoragent@cursor.com>

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit 2227803. Configure here.

Comment thread apps/docs/package.json Outdated
The dev server uses assetPrefix `/`, so the `/silk/` suffix only applies
to production builds, which test:storybook:ci already serves accordingly.

Co-authored-by: Cursor <cursoragent@cursor.com>
@ntucker
ntucker merged commit 3fd5030 into main Jul 26, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant