html - 我是否需要实现 WAI ARIA 以符合 WCAG 2.0 AA?

标签 html wai-aria wcag2.0

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

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

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

最佳答案

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

一如既往,上下文是关键,笼统的陈述并不总是适用。

如果有帮助,ARIA 使用有三(五)条“规则”(它们是建议,但您应该将它们视为规则以获得最佳效果):

  1. First rule of ARIA use : 如果您可以使用原生 HTML 元素 [ HTML51 ] 或具有您需要的语义和行为的属性已经内置,而不是重新调整元素的用途并添加 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"可见 可聚焦 元素上。在visible focusable 元素上使用其中任何一个都会导致一些用户专注于“无”。

  5. Fifth rule of ARIA use : 所有交互元素必须有一个 accessible name .交互式元素只有在其辅助功能 API 可访问名称(或等效名称)属性具有值时才具有可访问名称。

关于html - 我是否需要实现 WAI ARIA 以符合 WCAG 2.0 AA?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38235933/

相关文章:

javascript - phonegap/backbonejs 应用程序的 ios7 样式

section508 - 508 合规性 - 颜色对比

javascript - 自定义下拉按钮的辅助功能

accessibility - 给定元素中屏幕阅读器的替代文本

javascript - Aria-live 内容被 Mac 读取两次 - Chrome - VoiceOver

jquery - 切换 HTML5 音频的 'muted' 属性

jquery - 如何将元素添加到基于 CSS 的文本旋转器(类似于新闻自动收报机)

javascript - 基于脚本进度的动态进度条?

accessibility - ARIA 角色验证挑战

ios - html 中的辅助功能 : focus and speak?