Current behavior
The theme toggle cannot be reached using keyboard navigation. Pressing the Tab key skips the toggle entirely, preventing keyboard-only users from interacting with it.
Steps to reproduce
- Open the homepage.
- Navigate using only the keyboard (
Tab).
- Observe that the theme toggle is skipped.
Expected behavior
The theme toggle should receive keyboard focus and be operable using the keyboard (e.g., Space to toggle).
Additional observations
While investigating, I noticed the underlying checkbox is styled with display: none. Testing locally showed that removing this property allows the checkbox to receive keyboard focus and be toggled with the Space key, while the visual appearance of the toggle remained unchanged on my setup.
This appears to be an accessibility issue affecting keyboard-only users.
Current behavior
The theme toggle cannot be reached using keyboard navigation. Pressing the
Tabkey skips the toggle entirely, preventing keyboard-only users from interacting with it.Steps to reproduce
Tab).Expected behavior
The theme toggle should receive keyboard focus and be operable using the keyboard (e.g.,
Spaceto toggle).Additional observations
While investigating, I noticed the underlying checkbox is styled with
display: none. Testing locally showed that removing this property allows the checkbox to receive keyboard focus and be toggled with theSpacekey, while the visual appearance of the toggle remained unchanged on my setup.This appears to be an accessibility issue affecting keyboard-only users.