Skip to content

feat: complete a11y audit, resolving ARIA and keyboard navigation gaps across components#459

Open
nitishchaubeyy wants to merge 6 commits into
indresh404:mainfrom
nitishchaubeyy:feature/a11y-audit-aria
Open

feat: complete a11y audit, resolving ARIA and keyboard navigation gaps across components#459
nitishchaubeyy wants to merge 6 commits into
indresh404:mainfrom
nitishchaubeyy:feature/a11y-audit-aria

Conversation

@nitishchaubeyy

Copy link
Copy Markdown
Contributor

Description

Addresses #436 by performing a comprehensive accessibility (a11y) audit and implementing required ARIA roles, states, and keyboard event handlers across the platform.

Key Additions

  • Custom useFocusTrap Hook: Created a reusable React hook to securely trap keyboard focus within active Modals (About, Logout, HowItWorks), preventing background tab-escapes.
  • Accessible Combobox Pattern: Completely refactored the custom College Autocomplete field in Onboarding.jsx to support full W3C compliant role="combobox" interactions. It now supports ArrowUp, ArrowDown, Enter, and Escape for mouseless operation.
  • Semantic Tables & Notifications: Upgraded the GitRank leaderboard table to use <th scope="col"> and role="rowheader". Enhanced Toast.jsx with aria-live="polite" and aria-atomic="true".
  • Dev DX: Integrated @axe-core/react into the main.jsx entry file (isolated to DEV environments) to enforce zero critical accessibility violations continuously.

Fixes #436

@vercel

vercel Bot commented Jun 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ranker-hub Ready Ready Preview, Comment Jun 11, 2026 9:42am

@github-actions github-actions Bot added bug Something isn't working enhancement New feature or request frontend Frontend related changes (HTML/CSS/JS/React) gssoc GirlScript Summer of Code gssoc26 GirlScript Summer of Code 2026 nsoc NSoC NSoC'26 NSoC 2026 pending-review PR is pending review labels Jun 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working enhancement New feature or request frontend Frontend related changes (HTML/CSS/JS/React) gssoc GirlScript Summer of Code gssoc26 GirlScript Summer of Code 2026 nsoc NSoC NSoC'26 NSoC 2026 pending-review PR is pending review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

# [Feature][Level 3]: Keyboard Accessibility (a11y) Audit and ARIA Implementation for Modals, Dropdowns, and Live Regions

1 participant