sfnext-accessibility
Build and fix accessible UI in a Storefront Next storefront (WCAG 2.1 AA): jsx-a11y lint findings, missing accessible names and labels, form error association, dialog focus management, aria-live status messages, keyboard behavior, color contrast, and verifying fixes with Storybook a11y/play() tests and the e2e axe scan with its baseline. Use for "accessibility", "a11y", "WCAG", "screen reader", "aria-label", "focus trap", "axe violation", pnpm lint:a11y, pnpm a11y, a11y-baseline.json, skip-a11y, STORYBOOK_A11Y_TEST_MODE, or an accessibility audit finding to fix. Do not use for general lint/typecheck gates (use storefront-next:sfnext-quality-gates), writing non-accessibility tests (use storefront-next:sfnext-testing), or color/token design (use storefront-next:sfnext-theming).
Pinned to revision 0d6b966d3aa9, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/sfnext-accessibility/SKILL.md
- skills/sfnext-accessibility/evals/trigger-evals.json
- skills/sfnext-accessibility/references/checklist.md
Every link opens the file at its source, pinned to the revision this page describes.