[frontend] - Implement Accessibility Audit and WCAG 2.1 AA Compliance Pass

[dark-sarge]

Location: frontend/app/ (all pages and components)

Description

No accessibility review has been performed. Interactive financial applications must meet WCAG 2.1 AA to serve all users, including those using screen readers or keyboard-only navigation. A systematic audit and remediation pass is needed across the entire frontend.

Acceptance Criteria

• axe-core (via @axe-core/react or Playwright axe plugin) is added to the dev and test toolchain and reports zero critical or serious violations on all routes.
• All images have descriptive alt attributes; decorative images use alt="".
• All form inputs are associated with <label> elements or aria-label attributes.
• Color contrast ratios meet WCAG AA minimums (4.5:1 for normal text, 3:1 for large text) in both light and dark modes.
• Focus is visible and logically ordered on all interactive elements; no focus trap outside intentional modal dialogs.
• Dynamic content updates (trade status changes, toasts, balance refreshes) announce to screen readers via aria-live regions.

---

[Emoji-dot]

@Emoji-dot has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I would like to work on this issue

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

[drips-wave]

Congratulations, @Emoji-dot! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @Emoji-dot: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊