我正在研究使用 HTML5 实施ARIA,并在 localhost 上构建了一个技术演示,以便在导出到生产网站之前管理范围。
我在 HTML5 标记中添加了地标角色后,使用 IE11 / Firefox 23 和 Jaws 15 / Fangs - Firefox插件进行了测试。
上述浏览器/屏幕阅读器组合均未识别ARIA角色或地标(即在将角色属性添加到现有标签之前/之后,页面的公布方式没有变化)。
我正在测试的代码:
<!DOCTYPE html>
<html>
<head>
<title>ARIA Test</title>
</head>
<body role="document">
<div role="banner"> Hello world!</div>
<div role="main">Greetings Earth!</div>
</body>
</html>
是否有人建议在屏幕阅读器中触发ARIA角色?
答案 0 :(得分:5)
首先 - 删除document的角色,这实际上是HTML文档的默认角色,因此只有在您使用应用程序角色时才需要。
其次,我会测试一组更常见的用户代理,例如: NVDA与Firefox或Jaws与IE。
最常见的屏幕阅读器(按使用情况)已经支持地标很长一段时间了。
2011年的一篇文章HTML5 Accessibility Chops: ARIA landmark support:
- 使用Internet Explorer 9或Firefox 3 +时的NVDA和JAWS。
- 在iOS 4 +上使用Safari时的VoiceOver
- 使用Firefox 3+的Orca(Linux屏幕阅读器)支持地标(未经测试)。
本文还展示了测试支持的键盘快捷键。