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

[WordPress Trac]

#22058: Improve custom background properties UI
-------------------------------------+-------------------------------------
 Reporter:  grapplerulrich           |       Owner:
     Type:  enhancement              |      Status:  new
 Priority:  normal                   |   Milestone:  Future Release
Component:  Customize                |     Version:  3.4.2
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch ui-feedback    |     Focuses:  ui, accessibility,
  needs-testing has-screenshots      |  administration
-------------------------------------+-------------------------------------
Changes (by celloexpressions):

 * keywords:  has-patch ui-feedback needs-testing => has-patch ui-feedback
     needs-testing has-screenshots


Comment:

 [attachment:22058.2.diff] tweaks the colors to match the text color
 (`#555`) for the icons and use the darker gray for the selected border,
 and this feels better to me. It also fixes a bug on screens between
 400-600px wide with the background position control.

 @afercia: is the use of `<button>`s with screen reader text contents for
 each choice an appropriate way to handle accessibility? I tested on
 keyboard and it works well there, not sure about screen readers though.

 @FolioVision: while I'd prefer not to have these options at all, this is
 how the custom background functionality works. If it were being built
 today, I doubt we'd have user-facing options for anything other than the
 image. But given that this feature was originally introduced 5+ years ago,
 we need to work with the assumptions that it makes. I don't know that we
 could determine three reasonable pre-set combinations that would be
 appropriate in the context of a given theme or image, let alone for core
 in general. I would also guess that a majority of themes no longer use
 this feature and a majority of users don't mess with the options, perhaps
 beyond setting an image.

 It's really hard to make many assumptions about what a user might want to
 do with these options besides the fixed/cover-sized approach that's
 probably the most common right now. We know that background-repeat doesn't
 apply when background-size is cover, but beyond that we can't really hide
 any options based on other settings. A lot depends on the size and aspect
 ratio of the selected image and the size and orientation of the end user's
 screen. My goals here are to make the options more visual, reducing the
 use of technical terminology, and to fill in the clear gaps in
 functionality while prioritizing the most important options and providing
 a more appropriate flow between options. That improves the experience for
 the users that do use this feature while maintaining full backwards
 compatibility.

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