Directory

Accessibility: Plugin single missing focus indicator on languages button · Issue #264 · WordPress/wordpress.org · GitHub
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

Accessibility: Plugin single missing focus indicator on languages button #264

Closed
amberhinds opened this issue Apr 16, 2024 · 0 comments
Closed
Assignees
Labels
Accessibility Issues related to keyboard navigation, screen readers, etc [Site] Plugins

Comments

@amberhinds
Copy link

On the plugin single page (Gutenberg plugin test page), there are styles removing the outline from the languages button, which cause it to not have a focus outline when receiving keyboard focus.

This is the element:
Screenshot 2024-04-16 at 5 29 57 PM

This is the CSS causing interference:

.button-link {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 0;
}

Here's a quick video showing the missing outline on focus.

Gutenberg.WordPress.plugin._.WordPress.org.Testing.Rosetta.mp4
@ryelle ryelle added [Site] Plugins Accessibility Issues related to keyboard navigation, screen readers, etc labels Apr 16, 2024
@StevenDufresne StevenDufresne self-assigned this Apr 17, 2024
@bazza bazza closed this as completed in dccf900 Apr 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility Issues related to keyboard navigation, screen readers, etc [Site] Plugins
Projects
Status: Done
Development

No branches or pull requests

3 participants