[wp-trac] [WordPress Trac] #39662: Color picker accessibility improvements

[WordPress Trac]

#39662: Color picker accessibility improvements
-------------------------------------+-------------------------------------
 Reporter:  afercia                  |       Owner:  afercia
     Type:  defect (bug)             |      Status:  assigned
 Priority:  normal                   |   Milestone:  4.9
Component:  Customize                |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots has-     |     Focuses:  accessibility,
  patch needs-testing                |  javascript
-------------------------------------+-------------------------------------

Comment (by afercia):

 @Cheffheid  I've finally found some time to check this. I can confirm
 Firefox+NVDA don't announce aria-expanded. Crazily enough, it works with
 IE 11 + NVDA, and even with Chrome  + NVDA (which is known to not be the
 best combination). It works with IE 11 and JAWS and Firefox and JAWS.

 After some ''hours'' of debugging, I've found that removing the CSS class
 `button` (or simply renaming it, say to `xxxbutton`) fixes it. No idea
 why, seems not related to CSS to me. Can you please try this, ignoring the
 temporarily broken style? The CSS class is set in the `wp-admin/js/color-
 picker.js` file:
 `_before = '<button type="button" class="button wp-color-result" aria-
 expanded ...`

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