iOS 画外音支持组合框小部件

Question

通常，组合框小部件是一个输入字段，它启动一个关联的弹出窗口，弹出窗口中有一堆建议。在使用键盘的桌面浏览器中，当焦点停留在输入字段时，按向上/向下箭头键，可以更改弹出窗口中的选择。按 ENTER 键用弹出窗口中的当前选择填充输入字段并关闭弹出窗口。

出于可访问性目的，输入字段被标记为 role="combobox"，弹出窗口通过 aria-owns 与输入字段链接。 AT 通过 aria-activedescendant 指示当前选择。

虽然此设置在具有 JAWS/NVDA 等工具的桌面浏览器中运行良好，但 iOS 上的画外音似乎存在一个主要问题。滑动手指时，虚拟光标会从输入字段移动到页面中的下一个元素，尽管我希望设置 aria-owns 后，焦点会移动到第一个建议项或弹出窗口。

关于如何在 iOS 中通过画外音访问这样的组合框小部件有什么建议吗？

PS:弹出框和输入框在 DOM 顺序上不是兄弟。

Answer 1

听起来您正在创建自定义组合框。如果使用 native <select>/<option>元素，组合框在 ios/voiceover 上正常工作。如果您要创建自己的，请按照 https://www.w3.org/TR/wai-aria-practices/#combobox 上的指导进行操作.您提到了几个 ARIA 属性，所以您可能已经在遵循该页面上的建议。

使用画外音向右滑动会将焦点移动到 DOM 中的下一个元素。如果您的下拉列表是隐藏的，那么焦点就不会移到它上面。双击你的 <input>应显示下拉列表。