Bug 161740

Summary: AX: VoiceOver reads aria-hidden aloud when accessed via virtual cursor - down arrow
Product: WebKit Reporter: Joe Watkins <joe>
Component: AccessibilityAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: kolfvd94a, manuel, n_wang, webkit-bug-importer, work
Priority: P2 Keywords: InRadar
Version: Safari 9   
Hardware: Mac   
OS: OS X 10.11   
Attachments:
Description Flags
Video Example none

Joe Watkins
Reported 2016-09-08 09:44:33 PDT
VoiceOver on Safari 9.1.1 and Nightly reads content that is wrapped in tag that owns an attribute of aria-hidden="true" when content is accessed via virtual cursor (down arrow). Adding role="presentation" does not help as well. Test URL: http://s.codepen.io/joe-watkins/debug/aaaa3fb5d794e8b20277fef2543f42b7 Test Results: Using VoiceOver and Safari user loads the Test URL and uses down arrow to access the content. All content is read to the user.. even the content wrapped in aria-hidden="true". When allowing VO to read the entire page aloud the content wrapped in aria-hidden="true" hidden content is NOT read aloud. It appears to be connected to the down arrow virtual cursor. Expected Results: Using VoiceOver and Safari user loads the Test URL and uses down arrow to access the content. All content is NOT read to the user. Content wrapped in aria-hidden="true" is NOT read to the user when using the down arrow to change the cursor's focus. <p>Wrapping text here <span aria-hidden="true" role="presentation">HIDE ME FROM AT</span> and more text here.</p> In the attached example you can watch me use the 'read all' command and then I step through using up/down arrow in which then the aria-hidden="true" is read aloud.
Attachments
Video Example (1.38 MB, video/mp4)
2016-09-08 09:46 PDT, Joe Watkins
no flags
Radar WebKit Bug Importer
Comment 1 2016-09-08 09:45:50 PDT
Joe Watkins
Comment 2 2016-09-08 09:46:06 PDT
Created attachment 288271 [details] Video Example Using VoiceOver with Safari - Read All command and then stepping through content with up/down arrows
Nan Wang
Comment 3 2016-09-08 11:16:32 PDT
Hi Joe, I see your point. I think this is a long standing issue in webkit that TextMarker related functions don't honor aria-hidden status. So when you navigate the text by character/word/line, it won't ignore the contents that supposed to be. But when you use the normal VO+arrow keys to navigate the content it should all work fine.
Joe Watkins
Comment 4 2016-09-08 13:25:10 PDT
Thanks Nan, I've also noticed that with QuickNav enabled it works as expected as well by honoring aria-hidden="true" -- so it appears to be related to the TextMarker.
Julie
Comment 5 2022-12-09 07:02:03 PST
Hi, I dare to update this ticket because the problem still exists in Safari 16.1 with Mac OS Monterey (12.6.1). Is there any news about it? Thanks
Manuel Matuzovic
Comment 6 2024-01-28 22:15:21 PST
This bug is still present in Safari 17.4. Are there any plans to fix it? It was first reported 8 years ago.
Tristan Marsell
Comment 7 2025-02-17 06:25:26 PST
This bug still persists through Safari 18.3 Now where the European Accessibility Act (EAA) is coming to several countries, this bug worries me a lot. Sometimes aria-hidden is useful especially hiding content which is not accessible or have accessible alternatives. Having a not functional aria-hidden can confuse the screen reader user. Possibly it could violate the WCAG compliance of some websites, resulting in legal issues in european countries. TLDR: This bug can possibly violate WCAG compliance of many websites and result in legal issues.
Note You need to log in before you can comment on or make changes to this bug.