Skip to content

Accessibility audit and WCAG fixes for dapp auth and dashboard #52

Description

@Cbiux

Summary

Accessibility audit (WCAG 2.1 AA) for dapp auth and dashboard — keyboard nav, focus states, ARIA labels, color contrast.


Scope

Area Files
Auth Front/components/wallet-auth-card.tsx, /login, /register
Dashboard dashboard-nav.tsx, score cards, history table
Admin Front/app/admin/page.tsx
Shell Front/components/dapp-shell.tsx

Checklist

  • All interactive elements reachable via Tab
  • Visible focus ring on buttons/links (not removed by outline-none without replacement)
  • Form inputs have associated <label> or aria-label
  • Error alerts use role="alert" / Alert components correctly
  • Color contrast ≥ 4.5:1 for body text on dark background
  • History/admin tables: scope on headers, caption or aria-label
  • Wallet connect button describes action for screen readers

Tooling: axe DevTools, Lighthouse accessibility, optional @axe-core/playwright in #36 E2E.


Acceptance criteria

  • Lighthouse accessibility score ≥ 90 on /login and /dashboard
  • Zero critical axe violations on scoped pages
  • Document findings + fixes in PR description
  • No visual regression to brand (dark theme preserved)

Out of scope

  • Full WCAG legal audit
  • Landing site (separate repo)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    GrantFox OSSPart of the GrantFox OSS programMaybe RewardedThis issue may receive a reward or bountyOfficial CampaignPart of an official ZCore campaignenhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions