forked from molecule-ai/molecule-core
WCAG 1.3.1 / 4.1.3: the onboarding card had no landmark role and no live region, so screen readers had no way to know the card exists or that the step changed. - Add role="complementary" aria-label="Onboarding guide" to the card container so it appears as a named landmark in assistive technology. - Add a role="status" aria-live="polite" aria-atomic="true" sr-only div that holds the current step label. When the step state changes React updates the div content, which the live region broadcasts to the AT without pulling focus away from the user's current position. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| e2e | ||
| public | ||
| src | ||
| .env.example | ||
| .gitignore | ||
| Dockerfile | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| playwright.config.ts | ||
| postcss.config.js | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
| vitest.config.ts | ||