Skip to content

A11y: Not all checkboxes have visible focus state #9855

Closed
@Parkreiner

Description

@Parkreiner

This is more of an issue for users navigating the site with a keyboard (Tab or Shift+Tab). At the very least, it affects all the checkboxes in the Workspaces view.

Screen.Recording.2023-09-25.at.9.26.39.AM.mov

When a checkbox has focus, there is no visual indicator. So, you can use your keyboard for most of the interactive elements, but the moment focus shifts to the checkbox, it's not clear where you are, or what pressing Space/Enter will do.

Should hopefully be a straightforward fix. Only obvious pitfall to me is that you have to make sure focus styling is defined before hover styling or active styling in the CSS cascade

Metadata

Metadata

Assignees

Labels

good first issueEasily solved issues suitable for starters and community contributorss2Broken use cases or features (with a workaround). Only humans may set this.siteArea: frontend dashboard

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions