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)

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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions