Skip to content

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

Closed
@amberhinds

Description

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

Metadata

Labels

AccessibilityIssues related to keyboard navigation, screen readers, etc[Site] Plugins

Type

No type

Projects

  • Status

    ✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions