Site Creation: VoiceOver: search fields on page 1 of 3 and 3 of 3 are unclear

[designsimply]

Steps to reproduce:

1. Log out of the WPiOS app.
2. Go to Settings > General > Accessibility > VoiceOver and toggle the setting on.
3. Go to WPiOS and double tap the "Sign up for WordPress.com" button.
4. Follow the prompts until you reach the Create Site 1 of 3 screen.
5. Double tap a type of site.
6. Double tap the search fields on page 1 of 3 and 3 of 3 and try to understand what they are about without looking at the rest of the page.

Result: on Site Creation pages 1 and 3, it's not clear what happens after the you search for a term. (1m13s)

^{Tested with WP Internal 12.8.0.201907011 on iPhone 6S iOS 12.3.1.}

_{(internal reference: p77Llu-bQ6-p2 h/t @etoledom)}

[shiki]

Step 1 of 3

When hovering over the "e.g. Fashion, travel, design, plumbing" text field, VoiceOver dictates:

e.g. Fashion, travel, design, plumbing search field

The "search field" is automatically added by VoiceOver.

The suggestion is to use "For example, fashion, travel, design, plumbing" so it will be dictated as:

For example, fashion, travel, design, plumbing search field

Step 3 of 3

The search field is dictated as:

Search domains search field

This seems alright to me.

Perhaps the Editorial team might be able to suggest better alternatives. 🙂

[benhuberman]

For step 1 of 3, I'd make a small change to make it sound more like an actual sentence (it's still technically a fragment, but a more natural-sounding one, I hope):

For example, fashion, travel, design, or plumbing.

For step 3 of 3, I wonder if it would make sense to flesh it out just a tad more? For example:

Search for an available domain.

@designsimply do you think this addresses the lack of clarity? I'm less familiar with voiceover flows, and am happy to iterate further if this doesn't quite do it yet.

Super minor point: looking at step 3, I noticed there's a missing period after "This is where people will find you on the internet" -- would it be possible to add it while we're at it?

[designsimply]

For step 3 of 3, maybe something like:

Search for an available domain then select one from the results below.

[etoledom]

Apart from improving the labels, the main problem was (in the step 3), that the user is required to choose one of the options shown in the list bellow the text field, but this list is only shown visually. (The UI changes without letting a VoiceOver user know about it)

I think it would be good to add a hint to the field that specify that the user has to choose an option from the list, or maybe a better solution would be to add a footer with the proper explanation.

[shiki]

Some improvements were done in #13078 to make interacting with the Domains step a little bit better. It doesn't completely close this issue. For example, it didn't include the copy changes described here.

[antonis]

We need to verify if this issue is still relevant after the latest enhancements (example) in the domain screen.