Skip to content

feat: add skip to content accessibility link#86

Open
VanshikaAsthana wants to merge 1 commit into
asheesh109:mainfrom
VanshikaAsthana:fix-skip-to-content-link
Open

feat: add skip to content accessibility link#86
VanshikaAsthana wants to merge 1 commit into
asheesh109:mainfrom
VanshikaAsthana:fix-skip-to-content-link

Conversation

@VanshikaAsthana

Copy link
Copy Markdown

Summary

Added a skip-to-content link to improve keyboard and screen-reader accessibility.

Related issue

Closes #8

Implementation notes

  • Added a "Skip to main content" link in the root layout.
  • Added id="main-content" to the main content container.
  • Added tabIndex={-1} to allow focus to move directly to the main content when the skip link is activated.

Type of change

  • 🐛 Bug fix (non-breaking)

Checklist

  • Tests added/updated
  • Manual testing completed
  • Documentation updated

How to test

  1. Run the application locally.
  2. Press the Tab key immediately after page load.
  3. Verify that the "Skip to main content" link appears.
  4. Press Enter.
  5. Verify that focus moves directly to the main content area and navigation is skipped.

Additional Notes

This change improves accessibility for keyboard and screen-reader users by providing a direct way to bypass navigation and reach the main content.

@vercel

vercel Bot commented Jun 9, 2026

Copy link
Copy Markdown

@VanshikaAsthana is attempting to deploy a commit to the ashishparab03-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

@VanshikaAsthana

Copy link
Copy Markdown
Author

Hi, just checking in on this PR. Please let me know if any changes are needed. Happy to update!

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.

Add accessible skip-to-content link sitewide

1 participant