Theme toggle is not keyboard accessible

Author: rizviammar579Created Jun 29, 2026Updated Aug 30, 2026

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

  1. Open the homepage.
  2. Navigate using only the keyboard (Tab).
  3. 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.