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

Question

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

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

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

Answer 1

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

与往常一样，上下文是关键，而且一揽子陈述并不总是适用。

如果它有用，ARIA使用有三（5）个“规则”（它们是建议，但你应该将它们视为最佳效果的规则）：

1. First rule of ARIA use：如果您可以使用原生HTML元素[HTML51]或属性，并且您需要已经内置< / strong>，而不是重新使用元素并添加ARIA角色，状态或属性以使其可访问，然后执行。。

2. Second rule of ARIA use：除非你真的需要，否则不要改变原生语义。

3. Third rule of ARIA use：所有交互式ARIA控件都必须可以与键盘一起使用。

4. Fourth rule of ARIA use：请勿在可见 可聚焦元素上使用role="presentation"或aria-hidden="true"。在可见 可聚焦元素中使用其中任何一个都会导致某些用户专注于“无”。

5. Fifth rule of ARIA use：所有互动元素都必须有accessible name。当Accessibility API 可访问名称（或等效）属性具有值时，交互元素只具有可访问的名称。

Answer 2

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

但是，可能存在特定情况（取决于您的约束），您只能通过使用WAI-ARIA来满足WCAG 2.0指南。但这通常仅适用于您不想使用HTML5（已经附带default/implicit WAI-ARIA）而无法实现某些目标的情况，例如，使用div创建表单而不是form。