fix: VersionSwitcher focus indicator - Githubissues

chakra-ui / chakra-ui-docs

Documentation website for chakra ui

https://chakra-ui.com

MIT License

303 stars 475 forks source link

fix: VersionSwitcher focus indicator #1668

Closed ashleemboyer closed 10 months ago

ashleemboyer commented 11 months ago

Closes #1667

📝 Description

The VersionSwitcher component was missing a focus indicator with keyboard navigation.

⛳️ Current behavior (updates)

VersionSwitcher does not show an outline
VersionSwitcher has no visible focus indicator when focused
VersionSwitcher has no horizontal space after it

🚀 New behavior

VersionSwitcher always shows an outline
VersionSwitcher shows a visible focus indicator when focused
VersionSwitcher has horizontal space after it

💣 Is this a breaking change (Yes/No):

No

📝 Additional Information

This change helps fix a violation of WCAG 2.1 Success Criterion 2.4.7 Focus Visible (Level AA): "Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible."

vercel[bot] commented 11 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
chakra-ui-docs	✅ Ready (Inspect)	Visit Preview	Nov 2, 2023 6:14pm