JAWS 2024.3不识别role="region"问题咨询及替代方案询问

1. JAWS的输出是否符合预期？ #

不符合预期。根据ARIA规范，role="region"搭配aria-label或aria-labelledby时，属于可识别的地标区域，屏幕阅读器应允许用户通过地标导航功能定位并播报该区域的标签。但JAWS 2024.3存在对role="region"支持不稳定的情况：

• 它对不同地标角色的优先级处理有差异，navigation这类原生语义标签（或对应角色）属于高优先级地标，会被优先识别播报；而region作为通用地标，若区域内没有足够的可交互内容或可朗读文本，可能被判定为“非重要区域”而忽略。
• 部分JAWS版本对role="region"的识别需要满足额外条件，比如区域内必须包含可聚焦元素，或内容达到一定长度，才会触发播报。

2. 是否应避免使用role="region"，音频播放器类组件的无障碍替代方案？ #

无需完全避免role="region"，但要结合场景合理使用。针对音频播放器组件，推荐以下无障碍方案：

• 优先使用原生<audio>标签：原生音频标签自带完整的无障碍语义，JAWS等屏幕阅读器能直接识别并播报播放状态、进度、时长等信息，无需额外手动添加角色。
• 自定义播放器UI的处理：
  • 给播放器容器添加aria-label="音频播放器"明确组件用途，若需要自定义交互逻辑，可搭配role="application"（注意：application会让屏幕阅读器切换到应用模式，需确保所有交互都支持键盘操作）。
  • 给所有交互元素（播放/暂停按钮、音量滑块、进度条等）添加清晰的aria-label，比如播放按钮设置aria-label="播放音频"，音量按钮设置aria-label="调节音量"。
• 键盘交互支持：确保播放器的所有功能都能通过键盘操作实现——播放/暂停用Enter或空格键触发，进度条和音量滑块支持方向键调节，所有可交互元素能通过Tab键正常聚焦。
• 状态实时播报：添加aria-live="polite"的实时区域，当播放状态变化（开始、暂停、结束）时，自动播报状态信息，比如“音频已暂停”“音频播放完毕”。

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