[UI/UX Design] Build an accessibility audit dashboard at `/design-review` for axe runs

[thlpkee20-wq]

Description

The existing /design-review page should be expanded to surface live axe-core audit results, contrast scores, and component coverage from DesignChecklist. Today it is a static checklist.

Requirements and context

• Must be accessible (WCAG 2.1 AA), responsive, and documented in the design system
• Should be consistent with existing patterns and easy to review
• Relevant code: src/app/design-review/page.tsx
• Surface violation counts with category breakdown and link to ARIA references

Suggested execution

• Fork the repo and create a branch
• git checkout -b uiux/a11y-audit-dashboard
• Implement changes
  • Embed an axe runner that scans staged routes
  • Add a violations table grouped by impact
  • Link to remediation guidance in docs/
• Validate accessibility and responsive assumptions

Test and commit

• Run checks
  • npm run lint and component/visual tests
• Cover edge cases
  • Responsive breakpoints, empty/loading/error states, keyboard/screen-reader, contrast, dark mode
• Include screenshots/before-after and accessibility (axe) notes

Example commit message

design: build accessibility audit dashboard

Guidelines

• Minimum 95 percent test coverage
• Clear documentation
• Timeframe: 96 hours

[mekeke111]

@mekeke111 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi maintainer I am a full stack developer I can handle this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @mekeke111 to this issue.

[TINEROW]

@TINEROW has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I’m excited to take on this accessibility dashboard enhancement. I have experience building responsive React/Next.js interfaces with strong accessibility practices, including axe-core integration, WCAG 2.1 AA compliance, and component testing. I’ll deliver a maintainable dashboard with live audit insights, comprehensive documentation, high test coverage, and a polished developer experience within the required timeframe.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @TINEROW to this issue.