Skip to content

♿(frontend) add skip to content button for keyboard accessibility #1624

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

♿(frontend) add skip to content button for keyboard accessibility #1624

wants to merge 2 commits into from

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Nov 18, 2025 •
edited
Loading

Purpose

Introduce a keyboard-accessible skip link to improve navigation and comply with RGAA.

issue 1621

skiplinkpages_Yk5ZTCDR.mp4

Proposal

  • Create SkipToContent component
  • Integrate into all main layouts
  • Automatically focus main content
  • Add e2e test
  • Add visible focus outline for keyboard users

@Ovgodd Ovgodd self-assigned this Nov 18, 2025
@github-actions
Copy link

github-actions bot commented Nov 18, 2025 •
edited
Loading

Size Change: +250 B (+0.01%)

Total Size: 4.07 MB

Filename Size Change
apps/impress/out/_next/static/9e051ff7/_buildManifest.js 0 B -883 B (removed) 🏆
apps/impress/out/_next/static/a074c0e8/_buildManifest.js 882 B +882 B (new file) 🆕

compressed-size-action

@Ovgodd Ovgodd linked an issue Nov 18, 2025 that may be closed by this pull request
A11y: Add "Skip Link" for the first TAB #1621
Open
@Ovgodd Ovgodd force-pushed the fix/1621-a11y-skip-link branch 4 times, most recently from ddf3bdd to 46a87ac Compare November 19, 2025 09:17
@Ovgodd Ovgodd requested a review from AntoLC November 19, 2025 09:18
@Ovgodd Ovgodd force-pushed the fix/1621-a11y-skip-link branch from 46a87ac to 6cf81b3 Compare November 19, 2025 09:58
@Ovgodd Ovgodd marked this pull request as ready for review November 19, 2025 10:01
@Ovgodd
✨(a11y) add skip to content button for keyboard accessibility
b588541 
add SkipToContent component to meet RGAA skiplink requirement

Signed-off-by: Cyril <[email protected]>
@Ovgodd Ovgodd force-pushed the fix/1621-a11y-skip-link branch from 6cf81b3 to 7bd9674 Compare November 19, 2025 10:02
@Ovgodd Ovgodd changed the title ♿(a11y) add skip to content button for keyboard accessibility ♿(frontend) add skip to content button for keyboard accessibility Nov 19, 2025
@Ovgodd
✅(frontend) add e2e test for skiplink and fix broken accessibility test
7311d97 
ensures skiplink behavior is tested and stabilizes a failing accessibility test

Signed-off-by: Cyril <[email protected]>
@Ovgodd Ovgodd force-pushed the fix/1621-a11y-skip-link branch from 7bd9674 to 7311d97 Compare November 19, 2025 10:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@AntoLC AntoLC Awaiting requested review from AntoLC

At least 1 approving review is required to merge this pull request.

Assignees

@Ovgodd Ovgodd

Labels

accessibility

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

A11y: Add "Skip Link" for the first TAB

2 participants

@Ovgodd