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

Fix accessibility scan failures #425

Merged
merged 8 commits into from
Dec 13, 2023

Conversation

adamwoodnz
Copy link
Contributor

@adamwoodnz adamwoodnz commented Dec 5, 2023

Fixes #179

Includes fixes for

  1. Missing labels on notes and feedback form textareas
  2. Failing contrast on single command GitHub button counts
  3. Failing contrast on code reference search title types

Contrast fixes are achieved by darkening the type text within the chip, using color shades already defined in the previous theme and ported into theme.json for reuse.

Screenshots

Code Search Single Command
Screenshot 2023-12-12 at 11 33 56 AM Screenshot 2023-12-12 at 11 34 09 AM

Testing

Use Lighthouse or Axe Devtools to scan:

  1. The WP_Query page with a note added and the feedback form open.
  2. A single command page, eg. http://localhost:8888/cli/commands/admin/
  3. A code reference search with all post types, eg. http://localhost:8888/?s=block

Scan should pass on the above items. There are outstanding issues on WP_Query which are being covered elsewhere (#413, #426)

@adamwoodnz adamwoodnz self-assigned this Dec 5, 2023
@adamwoodnz adamwoodnz added this to the MVP milestone Dec 5, 2023
@@ -29,7 +30,6 @@
border-radius: 2px;
margin-right: 8px;
padding: 2px 8px;
font-size: var(--wp--preset--font-size--small);
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Size is already small

@adamwoodnz adamwoodnz added Accessibility Issues related to keyboard navigation, screen readers, etc priority: high labels Dec 5, 2023
@adamwoodnz adamwoodnz force-pushed the fix/179-accessibility-scan-failures branch 2 times, most recently from d32e0dd to c8e1f09 Compare December 11, 2023 00:34
@adamwoodnz adamwoodnz force-pushed the fix/179-accessibility-scan-failures branch from c8e1f09 to 88565dd Compare December 11, 2023 03:32
}
]
},
"custom": {
"color": {
Copy link
Contributor Author

@adamwoodnz adamwoodnz Dec 11, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Colors picked from existing sass palette which is unused in the new theme.

Only adding what we need for now.

Adding to custom means they are available for semantic colors in blocks but don't show in the editor palette.

@adamwoodnz adamwoodnz marked this pull request as ready for review December 11, 2023 22:23
Copy link
Contributor

@renintw renintw left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested with Axe Devtools on those pages and the results look good. 👍

@adamwoodnz adamwoodnz merged commit e0a90b4 into trunk Dec 13, 2023
1 check passed
@adamwoodnz adamwoodnz deleted the fix/179-accessibility-scan-failures branch December 13, 2023 02:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility Issues related to keyboard navigation, screen readers, etc priority: high Redesign
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Accessibility Audit
2 participants