[wp-trac] [WordPress Trac] #32726: Customizer: Accessibility: form controls need a label with text

[WordPress Trac]

#32726: Customizer: Accessibility: form controls need a label with text
---------------------------+-----------------------------
 Reporter:  designsimply   |      Owner:
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Customize      |    Version:
 Severity:  normal         |   Keywords:  needs-patch
  Focuses:  accessibility  |
---------------------------+-----------------------------
 /hat tip @afercia for the original report at
 https://github.com/voldemortensen/menu-customizer/issues/97

 Found the edit menu name in Customizer Menus has a label without any text,
 haven't checked all form controls though.

 Currently:

 {{{
 <label>
 <input class="menu-name-field live-update-section-title" value="Testing
 Menu Customizer" data-customize-setting-link="nav_menus[236][name]"
 type="text">
 </label>
 }}}

 To my understanding, this would require something in in
 WP_Customize_Control to add CSS classes to the label text (the inner span,
 not the label itself) in order to use `screen-reader-text` and hide the
 label text.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/32726>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform