Bug 254501 - AX: Voiceover Cursor has incorrect focus when element has transform: translate()
Summary: AX: Voiceover Cursor has incorrect focus when element has transform: translate()
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 16
Hardware: Unspecified macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-03-27 00:00 PDT by Marcus
Modified: 2023-03-27 00:00 PDT (History)
2 users (show)

See Also:

Attachments
Screenshot of Voiceover Cursor's incorrect focus outline (1.04 MB, image/jpeg)
2023-03-27 00:00 PDT, Marcus 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Marcus 2023-03-27 00:00:18 PDT 
Created attachment 465604 [details]
Screenshot of Voiceover Cursor's incorrect focus outline

Turn on Voiceover
Tab onto Button
Down / Up Arrow Keys or Tab to navigate
Note that the Black Voiceover Cursor is inaccurate.

Suspected to occur on some elements using transform: translate(), the voiceover cursor will then be offset based on the computed distance.
We would like to continue using transform: translate() in the dropdown menu over top / left positioning for performance benefits, but this current behaviour would be problematic for screenreader users who may rely on the Voiceover cursor.

This does not occur in Chrome nor Firefox.

See https://codesandbox.io/s/voiceover-webkit-bug-mfq8ks to try a demo. Changing the top / left value in the Container will change the Voiceover cursor's offset.
Comment 1 Radar WebKit Bug Importer 2023-03-27 00:00:27 PDT 
<rdar://problem/107256063>