Skip to content

fix: add keyboard navigation for wrapped slides#1809

Open
Chakshu-Bamotra wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
Chakshu-Bamotra:fix-keyboard-slide-navigation
Open

fix: add keyboard navigation for wrapped slides#1809
Chakshu-Bamotra wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
Chakshu-Bamotra:fix-keyboard-slide-navigation

Conversation

@Chakshu-Bamotra
Copy link
Copy Markdown
Contributor

Summary

Added keyboard navigation support to the Year in Code slides, improving accessibility for users who rely on keyboard interactions.

Closes #1650


Type of Change

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

Changes Made

  • Added keyboard navigation using Left Arrow and Right Arrow keys.
  • Added Home key support to jump to the first slide.
  • Added End key support to jump to the last slide.
  • Improved accessibility for keyboard-only users.
  • Added appropriate focus and accessibility attributes to the slide container.

How to Test

  1. Open the Year in Code page.

  2. Navigate to the slide section.

  3. Press the following keys:

    • Left Arrow → Previous slide
    • Right Arrow → Next slide
    • Home → First slide
    • End → Last slide
  4. Verify slides update correctly.

  5. Confirm existing Previous and Next buttons continue to function normally.


Screenshots (if UI change)

N/A


Checklist

  • Linked issue in summary
  • Self-reviewed the diff
  • Added/updated tests if applicable

Accessibility Checklist

  • Keyboard navigation tested
  • Focusable slide region added
  • No accessibility regressions introduced
  • Existing functionality preserved

Additional Notes

This change improves accessibility compliance and provides a better experience for users who navigate the application without a mouse.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 1, 2026

@Chakshu-Bamotra 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 type:feature GSSoC type bonus: new feature labels Jun 1, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 1, 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

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

Labels

gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix type:feature GSSoC type bonus: new feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Wrapped Slides Cannot Be Navigated Using Keyboard

1 participant