iOS Voiceover 支持组合框小部件

Question

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

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

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

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

PS：弹出框和输入框在 DOM 顺序中不是同级的。

Answer 1

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

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