fix: WCAG 2.1 AA a11y audit and Playwright gate - #111
Conversation
|
@0dillon is attempting to deploy a commit to the truthixify's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
@0dillon Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
|
Retarget from |
|
@truthixify , done that. |
|
|
- Add tabIndex=0 to scrollable tabpanel in Hero.tsx - Use aria-controls locator for hamburger menu button - Set mobile viewport in keyboard nav test
|
Merged. A11y audit landing with a Playwright gate is a real quality bump, thanks. Nice fix on the axe violations. |
Closes #87
Summary
WCAG 2.1 AA accessibility audit for the Wraith Protocol landing page. Adds comprehensive a11y test coverage for all pages, a Playwright-based a11y gate, and CI enforcement.
What Changed
src/__tests__/a11y.test.tsxfrom 2 → 14 vitest-axe tests covering all 9 routes (homepage, FAQ, roadmap, privacy, use-cases, Stellar, case-studies list, case study detail, 404).tests/a11y/a11y.spec.tswith Playwright +@axe-core/playwrightfor all 9 routes, keyboard nav, skip-link verification, and reduced-motion (prefers-reduced-motion: reduce) compliance.playwright.config.tswith Chromium project and preview server config.playwright-a11yjob to.github/workflows/ci.yml(needs build, installs Playwright browsers, runs axe gate).test:a11y:playwrightscript topackage.json.Acceptance Criteria Checklist
prefers-reduced-motion: reduce, verifies[data-reveal]elements immediately visible).playwright-a11yjob blocks PRs on failures).Test Output
All 14 vitest-axe tests pass, TypeScript compiles clean, Prettier passes. 1 pre-existing
PrivacyComparisontest failure unrelated to this change.