我正在尝试使我的 ember.js 应用程序更易于访问，并且正在通过 Apple 的内置 VoiceOver 实用程序进行测试。我在视图中添加了必要的ariaRoles，并在导航目的不明确的地方添加了 aria-label 属性。我在将注意力集中在模态警报上时遇到了问题，因为读者的注意力停留在模态后面的页面项目上。有没有人有处理屏幕阅读器模式警报的经验？我的印象是，在我的视图中声明“ariaRole:'alertDialog'”会为此类对话框设置适当的角色，并且此角色的焦点行为可能在屏幕阅读器之间有所不同。谢谢！！！
问问题
3075 次
1 回答
5
我对模态的东西没有第一手经验。从本质上讲，您的问题是您正在扮演 ARIA 角色，并希望它能够发挥作用。你需要做的还不止这些。您需要牢记以下几点：
- 按下链接/按钮后，将焦点移至模式窗口/对话框/弹出窗口。大多数模态元素只是一个
<div>. 您可以赋予 的<div>属性tabindex="-1"。 - 在模态窗口内捕获焦点。
- 允许用户按退出键关闭
- 关闭时，将焦点移回链接/按钮
资源
- 带灯箱的键盘可访问性
- UX StackExchange 上的类似问题
- Demo modal dialog - 我认为这仍在开发中（我已经有一段时间没有收到作者的消息了）。
- jQuery Google Group 线程 （Hans 是这方面的佼佼者或其中之一）
于 2012-07-02T19:21:01.147 回答