Skip to content

Accessibility#939

Open
martpie wants to merge 19 commits intomasterfrom
accessibility
Open

Accessibility#939
martpie wants to merge 19 commits intomasterfrom
accessibility

Conversation

@martpie
Copy link
Owner

@martpie martpie commented Mar 9, 2026

  • Optimize focus ring
  • Make keyboard navigation work flawlessly everywhere
  • Why is color input not focusable
  • Find a way to make volume control accessible with the mute button

--- Other

image image

Copilot AI review requested due to automatic review settings March 9, 2026 15:41
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR improves keyboard accessibility across the Museeks music player application. It centralizes focus ring styling into the global CSS, removes scattered outline: none declarations from individual components, and wraps the settings navigation in a Radix UI NavigationMenu for proper ARIA semantics. It also includes routine dependency version bumps.

Changes:

  • Adds global :focus-visible and :focus:not(:focus-visible) styles to general.css, replacing per-component outline: none declarations across multiple components.
  • Wraps SettingsNav/SettingsNavLink with Radix UI NavigationMenu primitives for proper list-based navigation semantics and accessibility.
  • Bumps several dependency versions (@stylexjs/*, @tanstack/*, lightningcss, uuid).

Reviewed changes

Copilot reviewed 9 out of 11 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
src/styles/general.css Replaces old button/input outline resets with global :focus-visible and :focus:not(:focus-visible) rules
src/elements/SettingsNav.tsx Wraps navigation with Radix NavigationMenu for a11y; adds list reset styles
src/components/VolumeControl.tsx Removes per-component outline: 'none' on :active for slider thumb
src/components/TrackRow.tsx Removes outline: 'none' from track row styles
src/components/TrackList.tsx Removes outline: 'none' from track list container
src/components/SideNavLink.tsx Removes outline: 'none' from active side nav link
src/components/Setting.tsx Removes outline: 'none' on :focus from select and input styles
src-tauri/Cargo.toml Bumps uuid from 1.21.0 to 1.22.0
src-tauri/Cargo.lock Lock file update for uuid and transitive dependencies
package.json Bumps @stylexjs/*, @tanstack/*, and lightningcss versions

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants