Skip to content

fix: improve dashboard header keyboard navigation#1987

Merged
Priyanshu-byte-coder merged 2 commits into
Priyanshu-byte-coder:mainfrom
Namratha36:fix-dashboard-header-tab-order
Jun 4, 2026
Merged

fix: improve dashboard header keyboard navigation#1987
Priyanshu-byte-coder merged 2 commits into
Priyanshu-byte-coder:mainfrom
Namratha36:fix-dashboard-header-tab-order

Conversation

@Namratha36
Copy link
Copy Markdown
Contributor

Summary

Improved keyboard accessibility in the dashboard header by removing an unnecessary explicit tabIndex={0} from the GitHub profile avatar link.

Anchor elements with a valid href are already keyboard focusable by default, so the explicit tabindex was redundant. This change preserves the natural DOM focus order and relies on native browser behavior.

Closes #1074


Type of Change

  • Bug fix
  • New feature
  • Documentation update
  • Refactor / code cleanup

Changes Made

  • Removed unnecessary tabIndex={0} from UserAvatar.tsx
  • Preserved native keyboard navigation behavior
  • Improved accessibility by relying on the browser's default focus handling
  • Verified no impact on avatar link functionality

How to Test

  1. Run the application locally
  2. Navigate to the dashboard header
  3. Use the Tab key to move through header controls
  4. Verify the GitHub profile avatar remains keyboard accessible
  5. Confirm navigation order remains unchanged

Checklist

  • Linked issue in summary
  • npm run lint passes locally
  • Self-reviewed the diff
  • No unrelated files included in the commit

Accessibility

  • Keyboard navigation preserved
  • Native focus behavior used
  • No visual regressions introduced

@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 3, 2026

@Namratha36 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix labels Jun 3, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 3, 2026

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

Copy link
Copy Markdown

@github-actions github-actions Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for your first PR on DevTrack! 🎉

A maintainer will review it within 48 hours. While you wait:

  • Make sure CI is passing (type-check + lint)
  • Double-check the PR description is filled out and the issue is linked
  • Feel free to ask questions in Discussions if you need help

If you find DevTrack useful, a ⭐ star on the repo is always appreciated — it helps the project grow and attract more contributors!

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring quality:clean GSSoC: Clean quality multiplier (×1.2) level:beginner GSSoC: Beginner difficulty (20 pts) labels Jun 4, 2026
@Priyanshu-byte-coder Priyanshu-byte-coder merged commit c17643e into Priyanshu-byte-coder:main Jun 4, 2026
9 of 10 checks passed
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 4, 2026

🎉 Merged! Thanks for contributing to DevTrack.

If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers.

Keep an eye on open issues for your next contribution!

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

Labels

gssoc:approved GSSoC: PR approved for scoring gssoc26 GSSoC 2026 contribution level:beginner GSSoC: Beginner difficulty (20 pts) quality:clean GSSoC: Clean quality multiplier (×1.2) type:bug GSSoC type bonus: bug fix

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix: tab order in dashboard header is not logical for keyboard users

2 participants