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: Grid config datatype improvements #8712

Merged
merged 3 commits into from
Aug 26, 2020
Merged

Accessibility: Grid config datatype improvements #8712

merged 3 commits into from
Aug 26, 2020

Conversation

BatJan
Copy link
Contributor

@BatJan BatJan commented Aug 22, 2020

Prerequisites

  • I have added steps to test this contribution in the description below

Description

During my work on the focus lock for the infinite editor in #8522 I noticed during the testing that the "button" for adding layout or row configurations on the grid content datatype was not tabable since it was wrapped in <a> without a href attribute. But since it's not really a link I've refactored it to be <button> instead and fixed the CSS to add hover and focus styles for the button element.

Furthermore I have added some screen reader friendly text labels as well.

…er and focus styles for improving accessibility
@nul800sebastiaan nul800sebastiaan merged commit 8cf999e into umbraco:v8/contrib Aug 26, 2020
@nul800sebastiaan
Copy link
Member

Good stuff! Thanks again @BatJan! 👍

@bjarnef
Copy link
Contributor

bjarnef commented Oct 4, 2020

@BatJan it seems you missed changing the end tag to a </button> closing tag here: https://github.com/umbraco/Umbraco-CMS/pull/8712/files#diff-f76bf6866ae588340b2f93d1b918aa53R53

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants