-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Improve the block mover buttons accessibility #557
Copy link
Copy link
Closed
Labels
Good First IssueAn issue that's suitable for someone looking to contribute for the first timeAn issue that's suitable for someone looking to contribute for the first time[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).Changes that impact accessibility and need corresponding review (e.g. markup changes).[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] TaskIssues or PRs that have been broken down into an individual action to takeIssues or PRs that have been broken down into an individual action to take
Description
The block mover buttons are empty, there's no text or aria-label at all, thus there's nothing that can be announced by assistive technologies.
For screen readers, they could use hidden text or an aria-label. I'd recommend to test them also with speech recognition software, really not sure how they can be activated if they have no visible text at all.
Additionally, the color contrast is really low. As a reminder, the WCAG level AA WordPress aims for requires a color contrast ratio of at least 4.5:1.
About the SVG icons, see the specific issue #528
Of course, these buttons should be fully operable when using only a keyboard.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
Good First IssueAn issue that's suitable for someone looking to contribute for the first timeAn issue that's suitable for someone looking to contribute for the first time[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).Changes that impact accessibility and need corresponding review (e.g. markup changes).[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] TaskIssues or PRs that have been broken down into an individual action to takeIssues or PRs that have been broken down into an individual action to take
Type
Fields
Give feedbackNo fields configured for issues without a type.
