Fixed - Improved accessibility and keyboard usability for request logs provider/model details in the WordPress admin - #889
Conversation
Sorry, something went wrong.
1. Accessibility for the provider/model details control - Replaced the non-semantic clickable container with an interactive element that supports keyboard access. - Added ARIA state attributes for expanded/collapsed popover behavior. - Improved keyboard handling for Enter, Space, and Escape keys. - Added a visible focus outline for keyboard users. 2. UI behavior - The provider details popover remains easier to open and dismiss with keyboard navigation. - The control now presents clearer interactive affordances for screen-reader and keyboard users. Focused on improving WordPress admin accessibility and interaction quality in the request logs UI
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label. Unlinked AccountsThe following contributors have not linked their GitHub and WordPress.org accounts: @murshed4@gmail.com. Contributors, please read how to link your accounts to ensure your work is properly credited in WordPress releases. If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. Unlinked contributors: murshed4@gmail.com. Co-authored-by: murshed <fahimmurshed@git.wordpress.org> Co-authored-by: jeffpaul <jeffpaul@git.wordpress.org> Co-authored-by: dkotter <dkotter@git.wordpress.org> To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Sorry, something went wrong.
Codecov Report✅ All modified and coverable lines are covered by tests. @@ Coverage Diff @@
## develop #889 +/- ##
==========================================
Coverage 75.84% 75.84%
Complexity 3021 3021
==========================================
Files 132 132
Lines 11966 11966
==========================================
Hits 9076 9076
Misses 2890 2890
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Harness.
|
Sorry, something went wrong.
dkotter
left a comment
There was a problem hiding this comment.
At a quick review this looks fine to me but noting there are JS lint errors that will need resolved before this can be reviewed further
Sorry, something went wrong.
…a button to be more accessible. Remove code that is no longer needed
What?
Closes #
This PR improves the accessibility and keyboard usability of the request logs provider/model details UI in the WordPress admin.
Why?
The previous interaction used a non-semantic clickable container, which made the control harder to use with assistive technologies and keyboard navigation. This change improves usability for screen-reader and keyboard users and makes the popover behavior clearer.
How?
The provider/model details control was updated to expose better ARIA state information, improve keyboard handling for Enter, Space, and Escape, and add a visible focus indicator for keyboard users. The UI remains functionally the same, but the interaction is more accessible and predictable.
Use of AI Tools
AI assistance: No
Testing Instructions
Screenshots or screencast
Not applicable.
Changelog Entry