5

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

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

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques

4

2 回答 2

9

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

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

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

  1. ARIA 使用的第一条规则：如果您可以使用原生 HTML 元素 [ HTML51 ] 或具有您需要的已内置语义和行为的属性，而不是重新利用元素并添加 ARIA 角色、状态或属性以使其可访问，然后这样做。

  2. ARIA 使用的第二条规则：不要改变原生语义，除非你真的必须这样做。

  3. ARIA 使用的第三条规则：所有交互式 ARIA 控件都必须可与键盘一起使用。

  4. ARIA 使用的第四条规则：不要在可见的可聚焦元素上使用role="presentation"或。在可见的可聚焦元素上使用其中任何一个都会导致一些用户专注于“无”。aria-hidden="true"

  5. ARIA 使用的第五条规则：所有交互元素必须有一个可访问的名称。交互式元素只有在其 Accessibility API可访问名称（或等效）属性具有值时才具有可访问名称。

于 2016-07-07T18:33:00.353 回答
2

正如我在 User Experience SE 上的回答中所解释的，WCAG 2.0 不需要使用 WAI-ARIA。

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

于 2016-07-07T11:28:07.617 回答