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

[WordPress Trac]

#39662: Color picker accessibility improvements
-------------------------------------+-------------------------------------
 Reporter:  afercia                  |       Owner:  afercia
     Type:  defect (bug)             |      Status:  closed
 Priority:  normal                   |   Milestone:  4.9
Component:  Administration           |     Version:
 Severity:  normal                   |  Resolution:  fixed
 Keywords:  has-screenshots has-     |     Focuses:  ui, accessibility,
  patch commit                       |  javascript
-------------------------------------+-------------------------------------
Changes (by afercia):

 * status:  assigned => closed
 * resolution:   => fixed


Comment:

 In [changeset:"41329"]:
 {{{
 #!CommitTicketReference repository="" revision="41329"
 Accessibility: Improve the color picker UI accessibility, interaction, and
 generated markup.

 - Refactors the UI controls around the Iris color picker to output valid
 and semantic markup
 - Simplifies the way elements visibility gets toggled
 - Properly associates the visually hidden label with the color input field
 - Makes the toggle button a real button
 - Adds `aria-expanded` to the toggle button
 - Keeps focus on the toggle button instead of moving it to the color input
 field
 - Adds `aria-label` attributes to give better context to some controls
 - Removes a redundant title attribute
 - Keeps the toggle button text to "Select Color" instead of changing it to
 "Current Color" when a color is selected
 - Slightly improves the responsive view
 - CSS clean-up

 Fixes #39662.
 }}}

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