[wp-trac] [WordPress Trac] #42002: Improve the accordions accessibility

[WordPress Trac]

#42002: Improve the accordions accessibility
-----------------------------+--------------------------------
 Reporter:  afercia          |       Owner:
     Type:  defect (bug)     |      Status:  new
 Priority:  normal           |   Milestone:  Awaiting Review
Component:  Administration   |     Version:
 Severity:  normal           |  Resolution:
 Keywords:  has-screenshots  |     Focuses:  ui, accessibility
-----------------------------+--------------------------------

Comment (by afercia):

 @rishishah thanks for the patch! What I meant is a bit more substantial
 chance though, making the heading contain just a button with some proper
 text. This would require some more changes. Basically something like:
 `<h3><button ...>accordion title here<span aria-hidden="true" class
 ="toggle-indicator"></span></button></h3>`

 The span with icon should go inside the button.

 This would match the aria example and allow to remove some of the screen
 reader text there. Also, it would be nice to remove the word "toggle"
 sinte it's difficult or impossible to translate in some languages, see
 #34753

 With this changes, also the JS part should be reviewed to ensure it works
 properly.

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