critical-wallet-and-marketplace-flows

[Bamzy123]

Summary

This PR implements accessibility improvements across critical wallet and marketplace workflows to align with WCAG 2.2 AA requirements.

The changes focus on improving keyboard accessibility, focus management, screen reader support, form semantics, live region announcements, and responsive navigation while preserving the existing user experience and visual design.

Changes Made

Keyboard Navigation & Focus Management

• Added focus trapping for modals and drawers.
• Enabled Escape key support to close dialogs.
• Restored focus to the triggering element after closing dialogs.
• Improved visible focus indicators for interactive elements.

Form Accessibility

• Associated labels with form controls using id and htmlFor.
• Added aria-invalid and aria-describedby for validation feedback.
• Improved accessibility of drag-and-drop upload components.
• Added aria-current for multi-step workflows.

Screen Reader Support

• Added live announcements for asynchronous actions such as uploads, minting, transactions, and checkout.
• Improved accessibility for toast notifications using appropriate ARIA live regions.
• Added descriptive aria-label values for moderation and action buttons.

Navigation & Responsive Accessibility

• Improved keyboard navigation for marketplace filters.
• Enhanced mobile filter controls with proper labeling.
• Verified layouts remain usable and accessible at higher zoom levels.

Testing

Automated

• Ran existing accessibility test suite.

Manual

• Verified keyboard-only navigation.
• Tested modal and drawer focus trapping.
• Confirmed focus restoration after dialogs close.
• Verified screen reader announcements for dynamic content.
• Checked visible focus indicators.
• Confirmed responsive reflow at 200% zoom.

Impact

• Improves compliance with WCAG 2.2 AA.
• Enhances accessibility for keyboard and assistive technology users.
• No intended changes to application behavior or business logic.

Closes #65

[barry01-hash]

Nice contribution