Skip to content

feat: implement WCAG 2.1 accessibility compliance #586#669

Open
dextro172-ui wants to merge 1 commit into
StellarDevHub:mainfrom
dextro172-ui:feat/accessibility-wcag-2.1-586
Open

feat: implement WCAG 2.1 accessibility compliance #586#669
dextro172-ui wants to merge 1 commit into
StellarDevHub:mainfrom
dextro172-ui:feat/accessibility-wcag-2.1-586

Conversation

@dextro172-ui
Copy link
Copy Markdown

Closes #586

What?

Implemented comprehensive WCAG 2.1 accessibility compliance across the Web3 Student Lab frontend.

Key Changes

  • Added AccessibleButton component with proper focus management
  • Implemented keyboard navigation hook
  • Added Skip-to-content link
  • Integrated axe-core for automated testing
  • Improved semantic HTML, ARIA labels, and color contrast
  • Added comprehensive accessibility tests (>90% coverage target)

WCAG 2.1 Areas Covered

  • Perceivable (contrast, alt text, scalable text)
  • Operable (keyboard navigation, focus order)
  • Understandable (clear labels, consistent navigation)
  • Robust (ARIA roles, screen reader compatibility)

Testing

  • All components tested with axe-core
  • Manual keyboard navigation verified
  • Screen reader tested (VoiceOver + NVDA)

- Added AccessibleButton component
- Implemented keyboard navigation
- Added axe-core testing setup
- Added SkipToContent link
- Improved ARIA labels and focus management
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 2, 2026

@Peolite001 is attempting to deploy a commit to the Ayomide Adeniran's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented Jun 2, 2026

@dextro172-ui Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Frontend] Implement Accessibility Compliance (WCAG 2.1) for All Components

2 participants