使用 WAI ARIA 的实际效果？答案

【问题标题】：Actual effect of using WAI ARIA?使用 WAI ARIA 的实际效果？
【发布时间】：2014-03-14 21:36:32
【问题描述】：

我正在尝试深入研究 ARIA 并让我的网站更易于访问。我知道使用 ARIA 属性是一个好的开始，但我想了解这样做的实际效果。

例如，如果我在用作菜单的 nav 标签上添加了一个 role="navigation"，这会对用户产生什么影响？

它的屏幕阅读器（或任何帮助他的应用程序）会做什么？如果我已经在使用 nav 标签，那么添加它真的有用吗？显然它已经告诉用户这是一个导航项？

谢谢！

【问题讨论】：

【解决方案1】：

我的理解是，添加 ARIA 角色将在您的网站上创建语义分类（称为地标），用户可以使用支持 ARIA 的屏幕阅读器定义的键盘快捷键（键绑定）导航到该分类。

例如，用户可以使用不同的键绑定来跳转到 ARIA 地标，而不是跳过按钮/链接等可操作元素。

默认情况下，屏幕阅读器客户端应处理诸如“nav”之类的语义标签（并具有特定的键绑定来执行此操作 - 通常是“tab”）。 ARIA 角色 - 在这种情况下 - 只需添加另一个级别的语义，并通过扩展添加另一种浏览页面的方法。

【讨论】：

【解决方案2】：

简单来说，WAI-ARIA 允许开发人员通过 HTML 标记与平台可访问性 API 对话。平台可访问性 API 是操作系统向辅助技术公开屏幕上对象信息的方式。

当您在 HTML 元素上设置 role="navigation" 时，后台发生的情况是，用户代理将此信息映射到用户操作系统上正确的可访问性 API。因此，辅助技术会收到关于您的 HTML 元素的正确语义。

例如，对于“导航”角色，用户代理将此映射到 Mac OS X 上的“AXLandmarkNavigation”。您可以在 WAI-ARIA 1.0 User Agent Implementation Guide 上找到 ARAI 角色到辅助功能 API 映射的完整列表。

【讨论】：