Opened 10 years ago
Closed 18 months ago
#38637 closed defect (bug) (worksforme)
Fix autocomplete search suggestions support for Safari + VoiceOver
| Reported by: | afercia | Owned by: | |
|---|---|---|---|
| Priority: | normal | Milestone: | |
| Component: | Administration | Version: | |
| Severity: | normal | Keywords: | needs-patch |
| Cc: | Focuses: | ui, accessibility, javascript |
Description
Splitting this out from #33902.
The first implementation of a combobox with autocomplete search suggestions was the link inline toolbar in the Editor, implemented in #33301. In a first moment, that didn't work for Safari + VoiceOver, and a specific fix was introduced in WordPress 4.5.1, see #36458.
Worth noting the fix was extensively tested and confirmed to solve the issue. That was on El Capitan + Safari 9 + VoiceOver.
Now, some months later, both the link inline toolbar suggestions and the new implementation for the Tags autocomplete (see #33902) are not announced correctly when using Safari + VoiceOver, that is macOS Sierra + Safari 10 + VoiceOver. Not sure why, sometimes the wrong option gets announced. See screenshot below:
Whether or not it's a Sierra/Safari 10 regression (very likely) a possible fix should be investigated. Note: the only example I've found working it's the Twitter search suggestion, which is a very similar implementation, so investigation should probably start from there. Any feedback welcome :)
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)

In ARIA 1.1 something has changed for the ~combobox` implementation, see https://www.w3.org/TR/wai-aria-practices/#combobox
Seems to me the old ARIA 1.0 example still doesn't work perfectly with Safari (version 11.1 at the moment) and VoiceOver, see https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.0pattern/combobox-autocomplete-list.html
Instead, seems to me the new ARIA 1.1 pattern works better. Some testing with various browsers / screen readers combinations would be greatly appreciated, specifically on these three examples:
ARIA 1.0 autocomplete "list":
https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.0pattern/combobox-autocomplete-list.html
ARIA 1.0 autocomplete "both":
https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.0pattern/combobox-autocomplete-both.html
ARIA 1.1 autocomplete "list" new pattern:
https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html