[Webkit-unassigned] [Bug 244093] New: AX: option elements are not spoken to VoiceOver during arrow key selection when combobox not created from a button or input element

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=244093

            Bug ID: 244093
           Summary: AX: option elements are not spoken to VoiceOver during
                    arrow key selection when combobox not created from a
                    button or input element
           Product: WebKit
           Version: Safari 15
          Hardware: Mac (Apple Silicon)
                OS: macOS 12
            Status: NEW
          Severity: Blocker
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: paul at pauljadam.com
                CC: andresg_22 at apple.com,
                    webkit-bug-importer at group.apple.com

Created attachment 461711

  --> https://bugs.webkit.org/attachment.cgi?id=461711&action=review

screenshot of VoiceOver not speaking the selected option element

When VoiceOver in Safari on macOS is used to choose an option from an ARIA combobox control the options are not spoken as the user moves between options using the arrow keys when the combobox is coded as a non-button or non-input element. 

i.e. VoiceOver does not speak the options in this W3C ARIA combobox example https://w3c.github.io/aria-practices/examples/combobox/combobox-select-only.html

BUT VoiceOver does speak the options in this W3C ARIA combobox example https://w3c.github.io/aria-practices/examples/combobox/combobox-autocomplete-both.html

The reason VoiceOver works in the second example is because the role=combobox element is created from a natively focusable <input> element rather than from a static, non-interactive <div>. The tabindex=0 on the <div> does not make it work with VoiceOver in Safari. 

FYI Chrome does not have this same bug. 


Steps to Reproduce:
1. Turn on VoiceOver and open Safari on macOS
2. Visit https://w3c.github.io/aria-practices/examples/combobox/combobox-select-only.html
3. Set focus to the example combobox control.
4. Activate down and up arrow keys to move focus between the expanded option elements.

Expected Results:
VoiceOver speaks the name of each option element after pressing the arrow key to move focus to that option.

Actual Results:
VoiceOver speaks nothing after pressing the arrow key to move focus to an option.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220818/2cda852a/attachment-0001.htm>