[wp-trac] [WordPress Trac] #32715: Menu Customizer: UI controls without text

[WordPress Trac]

#32715: Menu Customizer: UI controls without text
--------------------------+----------------------------------------
 Reporter:  afercia       |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  4.3
Component:  Customize     |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:  accessibility, javascript
--------------------------+----------------------------------------

Comment (by afercia):

 First pass. Confirmed: buttons with `0` computed size are "invisible" to
 NVDA. I recall a similar issue with Safari when testing Press This. Didn't
 test in JAWS or other AT but I guess we should always avoid elements with
 no size.

 In the proposed patch, feel free to change the CSS part as long as buttons
 have a size. About the markup part, instead of adding new text
 specifically for screen readers, added `aria-describedby` (which gets read
 out '''after''' the buttons text) to reference existing elements. Open to
 suggestions and feedback. See in the screenshot below, now controls
 announce the items they're related to.

 Side note: definition lists and headings add a lot of noise here, current
 markup isn't ideal and would need to be simplified but this issue is out
 of the scope of this ticket.

 [[Image(https://cldup.com/y12OaBRSgt.png)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/32715#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform