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

Bugfix/command centre accessibility issue #51521

Conversation

n2erjo00
Copy link
Contributor

What?

Fixed accessibility issues and html validation issues from site-editor top bar. Made sure button has clear :focus styles

Why?

Issue was brought up by #51460

How?

Moved "Current template" name from the button to before it. Changed button label to reflect what the button actually does.

I am not satisfied that I set h1 (Current template name) as visually hidden. But it simply does not fit in smaller screens.

Testing Instructions

  1. Open a Post or Page
  2. Start hitting tab button to confirm the "Command center" button has :focus style
  3. Check page with voice over to confirm it describes what the "Command center" button does
  4. Analyze page heading structure of your browser plugin of your choice that there is "visible" h1 in the page

Testing Instructions for Keyboard

Screenshots or screencast

Screenshot 2023-06-15 at 9 53 40

@carolinan
Copy link
Contributor

Before making the name of the feature visible in the UI, I think we need a final decision about what to call it:
#50925

@carolinan carolinan added the Needs Design Feedback Needs general design feedback. label Jun 15, 2023
@alexstine alexstine self-requested a review June 16, 2023 16:44
@alexstine
Copy link
Contributor

PR is now very stale, UI has changed a lot. Closing.

@alexstine alexstine closed this Sep 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Needs Design Feedback Needs general design feedback.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants