我是否需要实施 WAI ARIA 以符合 WCAG 2.0 AA？答案

【问题标题】：Do I need to implement WAI ARIA to comply with WCAG 2.0 AA?我是否需要实施 WAI ARIA 以符合 WCAG 2.0 AA？
【发布时间】：2016-11-09 05:01:06
【问题描述】：

我正在构建一个需要符合 WCAG 2.0 AA 级的网站。

我的问题是我要实现多少个 ARIA 角色？

【问题讨论】：

【解决方案1】：

正如my answer on User Experience SE 中所述，WCAG 2.0 不需要使用 WAI-ARIA。

但是，在某些特定情况下（取决于您的限制），您可能只能通过使用 WAI-ARIA 来满足 WCAG 2.0 准则。但这通常仅适用于您不遗余力地使用 HTML5（已经附带default/implicit WAI-ARIA）做一些不打算用于的情况，例如，使用div 而不是form 创建表单。

【讨论】：

【解决方案2】：

如果您使用正确的语义和结构 HTML，则可能没有。对于必须使用错误元素（例如损坏的库或框架）的情况，您可能不得不这样做，但这不是开始的方式。

与往常一样，上下文是关键，笼统的陈述并不总是适用。

如果有帮助，ARIA 的使用有三（五）条“规则”（它们是建议，但您应该将它们视为最佳效果的规则）：

First rule of ARIA use：如果您可以使用原生 HTML 元素 [HTML51] 或具有您需要的语义和行为的属性已经内置，而不是重新利用元素并添加 ARIA 角色、状态或属性以使其可访问，然后这样做。
Second rule of ARIA use：不要改变原生语义，除非你真的必须这样做。
Third rule of ARIA use：所有交互式 ARIA 控件都必须可以通过键盘使用。
Fourth rule of ARIA use：不要在可见 可聚焦元素上使用role="presentation" 或aria-hidden="true"。在 visible focusable 元素上使用其中任何一种都会导致一些用户专注于“无”。
Fifth rule of ARIA use：所有交互元素都必须有一个accessible name。交互元素只有在其 Accessibility API accessible name（或等效）属性具有值时才具有可访问名称。

【讨论】：