【问题标题】:Combined usage of HTML5 section elements and ARIA rolesHTML5 部分元素和 ARIA 角色的组合使用
【发布时间】:2019-08-17 12:55:12
【问题描述】:

现在是 2019 年,不幸的是,我们中的一些人仍然需要为旧版本的 IE 提供支持。 (在这里插入咆哮)。 多年前,我们决定为获得更广泛的支持,我们将使用看似多余的 HTML5 元素与 ARIA 角色的组合,例如:

<nav role="navigation"></nav>

我们再次对该主题进行了研究,但似乎没有任何结论性的迹象表明对 HTML5 元素的更全面的可访问性支持,甚至是关于屏幕阅读器支持的综合文档。

IE 仅包含部分support for HTML5 section elements

这篇文章显示了 2013 年的一些 screen reader support 结果。

即使W3C still advises 也可以同时使用,直到“对 HTML5 的支持得到改进”。

是的,像我一样,您可能认为这绝对是多余的,但仍有许多来源表明 HTML5 元素的组合使用,并且角色属性最适合提供更大的支持。有没有人对此事的当前状态有一些明确的信息?

【问题讨论】:

  • 我也希望有一个caniuse 用于屏幕阅读器/浏览器组合。也许我们应该开始它? (:
  • 请注意,您提供的 w3c url 建议使用该角色,直到对 html5 的支持得到改进为止是 5 年的历史(!)在过去的 5 年中已经有了很多改进。

标签: html accessibility semantics wai-aria


【解决方案1】:

据我所知,<nav> 元素应正确转换为 Internet Explorer 9 及更高版本中 navigation 的标志性角色。只有 IE 8 及以下版本需要添加role="landmark"。值得注意的是,您引用的 W3C 文章最后一次更新是在 2014 年。

我建议您查看您的网络分析,以更深入地了解您的受众。根据我自己的网站统计数据(数量相当大),我在过去一年中测量了超过 300 万用户的样本量。其中,9.8% 的用户在运行 IE,只有 3.6% 的用户在使用 8 或更早版本。这有效地转化为所有用户的 0.35%,即 300 万访问者中的大约 11K。随着时间的推移,这些数字几乎肯定会继续下降。

这些使用统计数据仅作为示例提供,它们可能不代表您的访问者。

尽管 0.35% 在统计上非常小,但仍然可以换算成 11000 人,这是一个不小的数字。这最终归结为一个判断电话。我当然不会在新项目中建立这种性质的后备方案,但我也不会特意从旧网页中删除它。

【讨论】:

  • 同意考虑使用分析是很有价值的。在我们的案例中,由于遗留应用程序支持,我们在 IE 7/8 上有很多用户,所以这是必须的。不幸的是,您的问题不包括屏幕阅读器,我希望有人也可以提供有关当前屏幕阅读器支持的一些见解。谢谢!
  • 任何相当现代的屏幕阅读器(过去 4 年左右)在解析 nav 元素时都不会出现问题,并且绝大多数使用屏幕阅读器的人倾向于保持更新。恕我直言,您需要担心的是较旧的浏览器。屏幕阅读器只能阅读浏览器传达给他们的内容。如果您在 IE 7/8 上有很多用户,那么是的,您绝对应该继续使用角色属性作为后备。
猜你喜欢
  • 2013-01-19
  • 2021-02-11
  • 1970-01-01
  • 2014-04-05
  • 1970-01-01
  • 2012-12-20
  • 1970-01-01
  • 1970-01-01
  • 2019-09-21
相关资源
最近更新 更多