Skip to content

Theme toggle is not keyboard accessible #2496

Description

@rizviammar579

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions