gpt4 book ai didi

html - 屏幕阅读器无法识别基本的 ARIA 地标角色

转载 作者:搜寻专家 更新时间:2023-10-31 08:11:02 24 4
gpt4 key购买 nike

我正在研究使用 HTML5 实现 ARIA,并在我的 localhost 上构建了一个技术演示,以便在导出到生产网站之前管理范围。

我使用 IE11/Firefox 23Jaws 15/Fangs - Firefox 插件进行了测试,在 HTML5 标签中添加了地标角色。

上述浏览器/屏幕阅读器组合均无法识别 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 角色有什么建议吗?

最佳答案

首先 - 删除 document 的角色,这实际上是 HTML 文档的默认设置,因此只有在您使用应用程序角色时才需要。

其次,我会使用一组更常见的用户代理进行测试,例如带有 Firefox 的 NVDA 或带有 IE 的 Jaws。

最常见的屏幕阅读器(按使用情况)已经支持地标很长一段时间了。

摘自 2011 年的一篇文章,HTML5 Accessibility Chops: ARIA landmark support :

  • NVDA and JAWS when using Internet Explorer 9 or Firefox 3+.
  • VoiceOver when using Safari on iOS 4+
  • Orca (Linux screen reader) using Firefox 3+ supports landmarks (not tested).

本文还展示了用于测试支持的键盘快捷键。

关于html - 屏幕阅读器无法识别基本的 ARIA 地标角色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20698313/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com