Bug 200267 - AX: Content not announced properly after Skip to Content link is activated with the Enter key
Summary: AX: Content not announced properly after Skip to Content link is activated wi...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-07-30 00:53 PDT by Thomas Logan
Modified: 2020-11-20 00:16 PST (History)
2 users (show)

See Also:


Attachments
Image showing that VoiceOver is reading group in the user interface (289.75 KB, image/png)
2019-07-30 00:53 PDT, Thomas Logan
no flags Details
GIF showing pressing ENTER with VoiceOver has different behavior from CTRL+OPTION+SPACE (4.97 MB, image/gif)
2019-10-07 06:40 PDT, Thomas Logan
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Thomas Logan 2019-07-30 00:53:19 PDT
Created attachment 375148 [details]
Image showing that VoiceOver is reading group in the user interface

When running VoiceOver with Safari after activating the Skip to Content link with the Enter key, focus moves to a group containing text, but doesn't adequately announce the content of the group. The text says "Contributing to a more accessible world" but the screenreader only announces "group."

When the control is activated with Control-Option-Space, the description from the screenreader contains the text within the group.

Repro Steps:
1. Load equalentry.com
2. Run VoiceOver
3. Press TAB key until Skip to Main Content appears
4. Press ENTER key

Current:
VoiceOver announces "group"

Expected: 
VoiceOver announces "Contributing to a more accessible world"
Comment 1 Radar WebKit Bug Importer 2019-07-30 00:54:13 PDT
<rdar://problem/53699060>
Comment 2 Thomas Logan 2019-09-03 02:07:55 PDT
What is the process for accessibility bugs being reviewed by Apple/Safari?
Comment 3 chris fleizach 2019-09-03 08:59:38 PDT
I think there's probably a work around you can do here.

Instead of moving focus to #content, you can have it move to the #main or #main_banner. I suspect VO is getting tripped up by the un-labelled <main> element.
Comment 4 Thomas Logan 2019-10-07 06:40:11 PDT
Created attachment 380320 [details]
GIF showing pressing ENTER with VoiceOver has different behavior from CTRL+OPTION+SPACE
Comment 5 Thomas Logan 2019-10-07 06:43:05 PDT
Hi Chris,

Thank you for your feedback. I have attached a GIF to better illustrate the issue we have. VoiceOver works as expected when we issue the CTRL+OPTION+SPACE command but not when we use the ENTER key from the keyboard. We believe this is confusing for the end user, why should there be a difference between these two commands?

Repro Steps:
1. Load equalentry.com
2. Run VoiceOver
3. Press TAB key until Skip to Main Content appears
4. Press ENTER key

Current:
VoiceOver announces "group"

Expected: 
VoiceOver announces "Contributing to a more accessible world"
[reply] [−]Comment 1Radar WebKit Bug Importer 2019-07-30 00:54:13 PDT


Repro Steps:
1. Load equalentry.com
2. Run VoiceOver
3. Press TAB key until Skip to Main Content appears
4. Press CTRL+OPTION+SPACE key

Current and Expected:
VoiceOver announces "Contributing to a more accessible world"
Comment 6 chris fleizach 2019-10-07 09:38:21 PDT
(In reply to Thomas Logan from comment #5)
> Hi Chris,
> 
> Thank you for your feedback. I have attached a GIF to better illustrate the
> issue we have. VoiceOver works as expected when we issue the
> CTRL+OPTION+SPACE command but not when we use the ENTER key from the
> keyboard. We believe this is confusing for the end user, why should there be
> a difference between these two commands?
> 
> Repro Steps:
> 1. Load equalentry.com
> 2. Run VoiceOver
> 3. Press TAB key until Skip to Main Content appears
> 4. Press ENTER key
> 
> Current:
> VoiceOver announces "group"
> 
> Expected: 
> VoiceOver announces "Contributing to a more accessible world"
> [reply] [−]Comment 1Radar WebKit Bug Importer 2019-07-30 00:54:13 PDT
> 
> 
> Repro Steps:
> 1. Load equalentry.com
> 2. Run VoiceOver
> 3. Press TAB key until Skip to Main Content appears
> 4. Press CTRL+OPTION+SPACE key
> 
> Current and Expected:
> VoiceOver announces "Contributing to a more accessible world"

I actually see the same results for VO+space and Enter. I've sent the bug to VO team, but I think the problem is that your internal link is going to a big group rather than a specific item

<a class="skip-link screen-reader-text" href="#content">
      Skip to content    </a>

<div id="content" class="site-content" tabindex="-1"> which contains the whole page.

So VO doesn't know what to speak in this case.

You could either

1) add a aria-label to <div id="content" so it speaks something
2) choose a more specific jump point

   like: <div class="whole_page_text_wrap">
		Contributing to a more accessible world
	</div>
Comment 7 Thomas Logan 2020-11-20 00:16:08 PST
In exciting news I can confirm that this issue no longer repros for VoiceOver on Big Sur version of macOS 11.0.1