Skip to content

Conversation

gcamacho079
Copy link
Contributor

Description

This PR adds critical accessibility features for keyboard navigation:

New features:

  • Skip link: Added "Skip to main content" link that appears on focus, allowing keyboard users to bypass navigation
  • Focus reset on route changes: Focus automatically moves to a hidden span on page navigation (ignoring hash/query changes)
  • Content focusability: Main content area now accepts focus via tabindex="-1"

Styling improvements:

  • Added button CSS variables for consistent styling across light/dark themes
  • Replaced hardcoded colors with CSS custom properties in DocSetPanel

For future developers:

  • Use --button-* CSS variables for consistent button styling
  • Skip link implementation follows WCAG guidelines and can be replicated elsewhere
  • CSS custom properties provide theme-aware styling without hardcoded values

Related issues

N/A

@gcamacho079 gcamacho079 requested a review from a team as a code owner September 16, 2025 15:55
@gcamacho079 gcamacho079 added the Accessibility WCAG violations and usability issues. label Sep 16, 2025
Copy link

netlify bot commented Sep 16, 2025

Deploy Preview for craft-docs ready!

Name Link
🔨 Latest commit 03309b5
🔍 Latest deploy log https://app.netlify.com/projects/craft-docs/deploys/68c9885ec6b30800080be40a
😎 Deploy Preview https://deploy-preview-726--craft-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@gcamacho079 gcamacho079 merged commit 5d7584c into main Sep 16, 2025
9 checks passed
@gcamacho079 gcamacho079 deleted the a11y/skip-link branch September 16, 2025 19:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Accessibility WCAG violations and usability issues.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant