在ember中将屏幕阅读器的焦点设置为模态警报

时间:2012-07-02 17:41:15

标签: javascript accessibility ember.js wai-aria

我正在尝试使我的ember.js应用程序更易于访问,并且正在通过Apple的内置VoiceOver实用程序进行测试。我正在根据我的观点添加ariaRoles,并在导航目的不明确的咏叹调标签属性上添加。我在关注模态警报时遇到了问题,因为读者的注意力集中在模态背后的页面项上。有没有人有经验处理专注于屏幕阅读器的模态警报?我的印象是在我的视图中声明“ariaRole:'alertDialog'”为这样的对话设置了适当的角色,并且这个角色的焦点行为可能在屏幕阅读器之间有所不同。谢谢!!!

1 个答案:

答案 0 :(得分:5)

我对模态的东西没有第一手经验。基本上你的问题是你正在投入ARIA角色,并期望它能够发挥作用。你需要做的不仅仅是这些。您需要牢记以下几点:

  • 按下链接/按钮后,将焦点移至模态窗口/对话框/弹出窗口。大多数模态元素只是<div>。您可以为<div>提供tabindex="-1"
  • 属性
  • 将陷印焦点放在模态窗口内。
  • 允许用户按“转义”关闭
  • 关闭时,将焦点移回链接/按钮

资源