Color palette toggle's keyboard operation is confusing

[cmuncharaz]

Context

No response

Bug description

The color palette toggle looks like a button, and sighted keyboard users would expect to activate it using the Enter or Space keys. However, the toggle is not responding to those keys. Underneath, this is implemented as a set of radio buttons and is operated using the arrow keys. This is not evident to sighted keyboard users, who might think the "button" is not working.

Related links

• Accessibility Issues (#4102) discussion

Reproduction

9.5.16-color-palette-keyboard-operation.zip

Steps to reproduce

1. Install Material for MkDocs, create a site with the minimal configuration, set the color palette toggle, serve Material for MkDocs, point your browser to localhost:8000.
2. Use the Tab key to set the keyboard focus indicator on the color palette toggle.
3. Hit Enter or Space to activate it.

Browser

No response

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction using the built-in info plugin.

[squidfunk]

Thanks for suggesting. Fixed in 78e93ac. Pressing Enter now allows to cycle through the palettes. We're likely going to completely rewrite this component as part of our upcoming rebrush / facelift that we're planning to do later this year, but for the time being this should be a good bandaid.

[squidfunk]

Released as part of 9.5.17.