Skip to content

feat: add "Skip to main content" link for keyboard and screen reader users - #112

Closed
Athulyakrishna-k1312 wants to merge 2 commits into
komalharshita:mainfrom
Athulyakrishna-k1312:accessibility/skip-main-link
Closed

feat: add "Skip to main content" link for keyboard and screen reader users#112
Athulyakrishna-k1312 wants to merge 2 commits into
komalharshita:mainfrom
Athulyakrishna-k1312:accessibility/skip-main-link

Conversation

@Athulyakrishna-k1312

Copy link
Copy Markdown

Summary

Adds a "Skip to main content" accessible link as the first element
in both templates, satisfying WCAG 2.4.1 (Level A) for keyboard
and screen reader users.

Changes Made

  • templates/index.html — added skip link at top of body, added id="main-content" to hero section
  • templates/project.html — added skip link at top of body, added id="main-content" to main element
  • static/style.css — added .skip-link and .skip-link:focus styles

Type of Change

  • Style / UI change

Testing Done

  • Opened app via python app.py
  • Pressed Tab on page load — skip link appeared at top
  • Pressed Enter — focus jumped to main content past navbar
  • Tested on desktop (1280px) and mobile (375px)
  • All 27 tests pass

Screenshots

  • before
image - after image

Related Issue

Closes #81

@vercel

vercel Bot commented May 15, 2026

Copy link
Copy Markdown

@Athulyakrishna-k1312 is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Thank you for submitting your first pull request to DevPath.

Before review:

  • Complete the PR template fully
  • Ensure all tests pass
  • Link your PR to an issue
  • Keep changes scoped to the issue

A maintainer will review your contribution soon.

@komalharshita komalharshita added gssoc:spam This will not be worked on and removed type:accessibility ui labels May 24, 2026
@Athulyakrishna-k1312
Athulyakrishna-k1312 deleted the accessibility/skip-main-link branch May 24, 2026 15:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:spam This will not be worked on gssoc-2026

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add "Skip to main content" link for keyboard and screen reader users

2 participants