ARIA live区域是否可触发蜂鸣提示音以适配无障碍拖拽操作场景?
ARIA Live 触发蜂鸣提示的可行性说明
ARIA Live 区域的设计初衷是向辅助技术传递文本播报内容,本身不支持开发者直接控制触发蜂鸣或系统提示音,具体输出形式由屏幕阅读器的实现逻辑、用户自定义配置决定,无法通过标准ARIA属性强制指定仅播放蜂鸣不播报文本。
以下是适配你需求的可落地方案:
- 方案1:自行实现音效+文本双反馈
用Web Audio API或HTMLAudioElement播放自定义的短蜂鸣音频,同时给aria-live="assertive"的实时区域注入对应的错误文本提示,比如你提到的选中首项按左箭头的场景,同步插入文本"无法移动,当前已是列表第一个元素"。该方案兼容性最好,可覆盖不同配置的屏幕阅读器用户,注意不要仅提供蜂鸣反馈,必须搭配文本兜底避免听力障碍用户、设备静音场景下收不到提示。 - 方案2:利用屏幕阅读器内置错误音效做补充
部分屏幕阅读器(NVDA、JAWS默认配置下)会对aria-invalid="true"的元素播报错误提示音,你可以在用户触发非法操作时,临时给当前聚焦的元素添加aria-invalid="true"属性,1-2秒后移除。但该方案兼容性不稳定,部分用户会关闭屏幕阅读器的音效提示,仅能作为额外补充,不能作为唯一反馈手段。
内容的提问来源于stack exchange,提问作者Chrissy
相关产品推荐
相关产品推荐

