NEW 254501
AX: Voiceover Cursor has incorrect focus when element has transform: translate()
https://bugs.webkit.org/show_bug.cgi?id=254501
Summary AX: Voiceover Cursor has incorrect focus when element has transform: translate()
Marcus
Reported 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.
Attachments
Screenshot of Voiceover Cursor's incorrect focus outline (1.04 MB, image/jpeg)
2023-03-27 00:00 PDT, Marcus
no flags
Radar WebKit Bug Importer
Comment 1 2023-03-27 00:00:27 PDT
Note You need to log in before you can comment on or make changes to this bug.