JAWS屏幕阅读器导致下拉选择列表键盘导航失效求助

• 给搜索结果容器补全ARIA语义标记：
  • 给结果容器添加role="listbox"，明确告知JAWS这是一个选项列表容器
  • 每个列表选项添加role="option"，同时用aria-selected属性标记选中状态（未选中设aria-selected="false"，选中时改为"true"）
• 同步焦点与实时状态通知：
  • 搜索结果展开时，把焦点移到结果容器或者第一个选项上，同时给容器加上aria-live="polite"，让JAWS自动播报结果更新
  • 处理上下箭头、Enter、Esc这些键盘事件时，同步更新对应选项的aria-selected值，确保JAWS能感知到选中状态变化
• 调整DOM结构的可访问性：
  • 别用visibility: hidden或opacity: 0这类方式隐藏结果容器（JAWS可能仍无法识别），收起时用display: none，展开时恢复可见状态
  • 给每个选项加上tabindex="0"，确保它们可以被键盘聚焦，避免焦点丢失
• 排查JAWS兼容性问题：
  • 使用最新稳定版JAWS测试，避免版本兼容bug
  • 检查组件的事件监听有没有阻止JAWS的默认播报行为，除非必要，不要在键盘事件里调用event.preventDefault()

如果你的生成代码里缺少这些无障碍标记，比如结果容器只是普通<div>、选项没有对应ARIA角色，JAWS就无法识别组件的语义，自然没法正常交互和读取内容。

内容的提问来源于stack exchange，提问作者Kenji776