[wp-trac] [WordPress Trac] #22058: Improve custom background properties UI

[WordPress Trac]

#22058: Improve custom background properties UI
-------------------------------------+-------------------------------------
 Reporter:  grapplerulrich           |       Owner:  cdog
     Type:  enhancement              |      Status:  assigned
 Priority:  normal                   |   Milestone:  4.7
Component:  Customize                |     Version:  3.4.2
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-refresh  |     Focuses:  ui, accessibility,
  has-screenshots                    |  administration
-------------------------------------+-------------------------------------

Comment (by afercia):

 Tested the latest patch and discussed in today's accessibility bug scrub,
 we'd recommend a couple improvements. Screenshot first:

 [[Image(https://cldup.com/Bm7f58YHwS.png)]]

 The "dot" you see in the VoiceOver panel is announced as "bullet". I think
 it's the icon, so I'd suggest to use `aria-hidden="true"` on the span that
 holds the icon.

 A nice improvement, if possible, would be wrapping the 9 input radio
 buttons inside a `<fieldset>` element with a `<legend>`. Basically the
 text "Image Position" should be the legend text. Not sure if it can be
 done right now or if it's more tied to the Customizer controls.
 Alternatively, a legend hidden with `screen-reader-text` could work. Worth
 noting the text "Image Position" is just currently inside a `<span>` so
 the semantics could be improved a bit.

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