Opened 7 years ago
Closed 7 years ago
#42027 closed defect (bug) (fixed)
Customize: changeset Publish button and panel focus management
Reported by: |
|
Owned by: |
|
---|---|---|---|
Milestone: | 4.9 | Priority: | normal |
Severity: | normal | Version: | 4.9 |
Component: | Customize | Keywords: | has-screenshots has-patch commit |
Focuses: | ui, accessibility, javascript | Cc: |
Description
The new Customiser changeset feature introduces a publish button with a coupled "cog" button and an expandable panel:
There are 2 relevant accessibility issues here, related to focus management:
- the Publish and "cog" buttons focus style relies just on a color change and it's barely perceivable; there should be a clear indication of focus, made with a shape and not just color
- when clicking the "cog" button, the related panel expands on the right; however, the panel is placed in the source after the site preview; when using a keyboard to navigate content, this makes very difficult to even understand what is going on and requires potentially dozens of Tab key presses to actually reach the panel. As done for other panels (available menu items, available widgets) focus should be managed programmatically and moved to the expanded panel. When tabbing away from the panel or closing it, keyboard navigation should be moved back to the sidebar.
Note: Ideally, the expanded panel should be placed in the source immediately after the controls that opens it. I guess this is not possible right now, due to technical limitation of the current Customizer implementation. If so, the only option left is managing focus programmatically.
Change History (11)
#2
@
7 years ago
Work is in progress here https://github.com/xwp/wordpress-develop/pull/279
This ticket was mentioned in Slack in #accessibility by afercia. View the logs.
7 years ago
This ticket was mentioned in Slack in #core by melchoyce. View the logs.
7 years ago
#5
@
7 years ago
- Keywords has-patch commit added; needs-patch removed
- Owner changed from sayedwp to westonruter
- Status changed from assigned to accepted
#8
@
7 years ago
Improvements are in progress here https://github.com/xwp/wordpress-develop/pull/283
(This can be fixed after Beta1 to give priority to enhancements and new features first before deadline.)