[wp-trac] [WordPress Trac] #42078: Customize: fix the color hue picker HTML and accessibility

[WordPress Trac]

#42078: Customize: fix the color hue picker HTML and accessibility
---------------------------------------+------------------------------
 Reporter:  afercia                    |       Owner:
     Type:  defect (bug)               |      Status:  new
 Priority:  normal                     |   Milestone:  Awaiting Review
Component:  Customize                  |     Version:
 Severity:  normal                     |  Resolution:
 Keywords:  has-screenshots has-patch  |     Focuses:  accessibility
---------------------------------------+------------------------------
Changes (by subrataemfluence):

 * keywords:  has-screenshots => has-screenshots has-patch


Comment:

 Hi afercia,

 Please let me know whether the patch works. I have added a `maxlength`
 attribute to `color-picker-hue` control and set a value of 3. Now the
 actual markup looks like (no longer wrapped inside a `label`):


 {{{
 <div class="customize-control-content">
    <input class="color-picker-hue" type="text" data-type="hue"
 maxlength="3">
    <div class="iris-picker iris-only-strip ... >{ rest of the iris color
 picker here}</div>
 </div>
 }}}


 However, looks like there is another issue. When dragging the hue slider
 value updates in `color-picker-hue` but changing value in the textbox does
 not update/move slider handle. when I press tab, the value resets in
 textbox with current slider value.

 WordPress version is 4.8.2
 Tested in Chrome and Firefox (Ubuntu 14.04)

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