Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(a11y): allow focusing color mode buttons on interface setting #2771

Closed
wants to merge 1 commit into from

Conversation

shuuji3
Copy link
Member

@shuuji3 shuuji3 commented Apr 6, 2024

Currently, the only active color mode button is focusable so it's impossible to select other color modes by the keyboard.

image

This PR removes tabindex="-1", which prevents any keyboard focus, from the buttons.

How to test

  1. Open Preview: https://deploy-preview-2771--elk-zone.netlify.app/settings/interface
  2. Select color mode buttons with Tab key.
  3. Compare to the previous behavior: https://elk.zone/settings/interface

Copy link

stackblitz bot commented Apr 6, 2024

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

Copy link

netlify bot commented Apr 6, 2024

Deploy Preview for elk-zone ready!

Name Link
🔨 Latest commit 291ced4
🔍 Latest deploy log https://app.netlify.com/sites/elk-zone/deploys/6610fecd9f8ef2000876b4b8
😎 Deploy Preview https://deploy-preview-2771--elk-zone.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Apr 6, 2024

Deploy Preview for elk-docs canceled.

Name Link
🔨 Latest commit 291ced4
🔍 Latest deploy log https://app.netlify.com/sites/elk-docs/deploys/6610fecd560c9600085b5d82

@userquin
Copy link
Member

This should be fixed in #2809

@shuuji3 shuuji3 closed this Apr 14, 2024
@shuuji3 shuuji3 deleted the shuuji3/fix/focusable-color-mode branch April 14, 2024 05:40
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