Make WordPress Core

Opened 7 years ago

Closed 6 years ago

#38666 closed enhancement (fixed)

Reassure users when the customizer is doing a full reload

Reported by: helen's profile helen Owned by: westonruter's profile westonruter
Milestone: 4.9 Priority: high
Severity: normal Version:
Component: Customize Keywords: has-patch has-screenshots needs-testing ui-feedback ux-feedback
Focuses: ui Cc:


When the customizer does a full reload (e.g. when changing themes to live preview), the spinner might appear for quite some time. I think it would be helpful to have a reassuring and humanizing message like "Setting up your live preview. This might take a little bit."

In the theme install feature (#37661), it could also help to have the message change from while it's installing to getting the preview set up, for more of a feel of movement and reassurance.

Attachments (1)

38666.gif (732.2 KB) - added by celloexpressions 6 years ago.
Initial implementation in #37661.

Download all attachments as: .zip

Change History (17)

#1 @lukecavanagh
7 years ago


Anything that gives feedback to the user when a process is running or a reload is happening is a good thing.

6 years ago

Initial implementation in #37661.

#2 @celloexpressions
6 years ago

  • Keywords has-patch has-screenshots added
  • Milestone changed from Future Release to 4.8

#3 @jbpaul17
6 years ago

  • Keywords needs-testing added

This ticket was mentioned in Slack in #core by jeffpaul. View the logs.

6 years ago

This ticket was mentioned in Slack in #core by celloexpressions. View the logs.

6 years ago

#6 @afercia
6 years ago

Of course, these messages should have their audible version.

This ticket was mentioned in Slack in #core by jeffpaul. View the logs.

6 years ago

#8 @jbpaul17
6 years ago

  • Milestone changed from 4.8 to 4.8.1

Punting to 4.8.1 per today's bug scrub.

#9 @celloexpressions
6 years ago

@afercia in the current approach here, is the text not available to screen readers? Should we add speak() calls? MY understanding is that the text will be ready when it becomes un-hidden, but if that's not the case it should be a straightforward fix.

#10 @afercia
6 years ago

@celloexpressions well yes the text should be available when un-hidden, but maybe users won't have a clue they should explore the content to understand what is happening.
In this kind of scenario, an option could be trying to use aria-busy but that should be tested, not sure it's supported by all browsers/screen readers combos. Also, screen readers would announce just "busy".

A simpler option would be just using the same strings Downloading your theme... and Setting up your live preview. This might take a little bit. for wp.a11y.speak().

#11 @westonruter
6 years ago

  • Milestone changed from 4.8.1 to 4.9

#12 @westonruter
6 years ago

  • Priority changed from normal to high

Bumping priority to high for visibility and alignment with 4.9 goals, and given proximity to beta 1 deadline.

#13 @melchoyce
6 years ago

  • Keywords ui-feedback ux-feedback added

This ticket was mentioned in Slack in #design by karmatosed. View the logs.

6 years ago

#15 @celloexpressions
6 years ago

Noting to please see #37661 for pacthes to test. I'll get 10 incorporated there as well.

Follow-up to look at on this ticket: should we add the message during initial customizer load as well?

#16 @westonruter
6 years ago

  • Owner set to westonruter
  • Resolution set to fixed
  • Status changed from new to closed

In 41648:

Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer.

Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources.

Also includes CSS auto-prefixing added via grunt precommit:css.

For details, see:

Previously [38813] but reverted in [39140].
Fixes #37661, #34843, #38666.
Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia.

Note: See TracTickets for help on using tickets.