Bug 194347 – AX: VoiceOver treats all focusable elements within a button as the button itself

• Component: Accessibility
• Status: NEW

[Trevor Burnham]

Created attachment 361303 [details]
VoiceOver description when "First name" input has focus

If the focus is on any tabbable element within an element with role="button", VoiceOver reads the full content of the button element rather than describing the specific element with the focus. This occurs even if the element with the focus is a form element.

I've created a demo where you can replicate this: https://codepen.io/TrevorBurnham/pen/ZwaQBz

Chrome's behavior here makes more sense to me. In Chrome, VoiceOver correctly described the specific element that has the focus while noting that it's "within a button."

The real-world case that prompted this was a modal where the background (a DOM ancestor of the modal) could be clicked to close the modal, a fairly common interaction pattern on the web.

[Radar WebKit Bug Importer]

<rdar://problem/47852844>