研究属性ARIA还为时尚早吗?

时间:2017-01-09 18:04:30

标签: html html5 wai-aria

我看到规格“ARIA”1.0(https://www.w3.org/TR/wai-aria/)和那些(第1.1节)即将发布(https://www.w3.org/TR/wai-aria-1.1/)。

但是我也看到文档是 - 稀疏和碎片化的,很难找到和理解。

对于普通人(即对于没有真正和迫切需要为残障人士编写代码的开发人员而言),首次研究属性ARIA还为时尚早吗?

例如caniuse.com仅处理“普通”网络浏览器(http://caniuse.com/#search=role):我如何知道屏幕阅读器和其他辅助设备是否以及如何支持ARIA属性?

1 个答案:

答案 0 :(得分:5)

您是否认为您需要为残疾人编写代码,统计数据,良好的用户体验实践,法律和通用设计都表明,事实上您需要编写代码来支持各种能力的人。我鼓励您查看Microsoft创建的Inclusive Design Manual(21MB PDF),因为它显示了我们如何遇到临时和情境障碍。

另请注意,屏幕阅读器运行在“普通”Web浏览器之上(借用您的术语),现在屏幕阅读器是当今唯一依赖ARIA的技术。

现在,对于您的ARIA问题......

对于主要是静态内容的简单网页(例如典型的WordPress网站),您可能不需要ARIA。正确使用HTML和including structure通常对用户来说已经足够了。

如果您正在构建基于Web的应用程序或新颖的交互(使用像React或Angular这样的框架),那么您将需要开始使用ARIA(尽管已经在某些框架和库中构建了一些位)。

有些地方你可以开始:

  • Mozilla Developer Network on ARIA:涵盖了很多高级内容,并且随着你的发展深入挖掘。
  • WAI-ARIA Authoring Practices:介绍不同的用户界面模式以及如何应用ARIA和任何必要的脚本增强功能。
  • Notes on ARIA use in HTML:这些是使用ARIA的5条“规则”
    1. 如果您可以使用本机HTML元素或属性以及您已经内置的语义和行为,而不是重新使用元素并添加ARIA角色,状态或属性以使其可访问,那么就这样做。 / LI>
    2. 除非你真的需要,否则不要改变原生语义。
    3. 所有交互式ARIA控件都必须可以与键盘一起使用。
    4. 请勿在可见焦点元素上使用role="presentation"aria-hidden="true"
    5. 所有互动元素必须具有可访问的名称。
  • WAI-ARIA Screen reader compatibility:一个非常详尽的支持列表。

这应该足以让你得到启动,或者至少熟悉。

我还建议你安装一个屏幕阅读器(NVDA是免费的,Narrator是内置在Windows中,VoiceOver是iOS和macOS的一部分)并且可以随意使用它们。 There are places online that can help you get going