2017-01-09 43 views
1

我看到了即将发布的规格“ARIA”1.0(https://www.w3.org/TR/wai-aria/)和那些(1.1版)(https://www.w3.org/TR/wai-aria-1.1/)。研究属性ARIA还为时尚早吗?

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

对于一个普通人(即对于没有真正需要编写残疾人可访问代码的开发人员),第一次研究ARIA属性还为时尚早?

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

回答

5

无论你认为你有一个需要写一个残疾人,统计好UX的做法,该法码,和通用设计都表明,其实你需要编写代码来支持各种能力的人。我鼓励你看看微软创建的Inclusive Design Manual(21MB PDF),因为它显示我们都遇到了临时性和情境性障碍。

另请注意,屏幕阅读器运行在“普通”网络浏览器之上(借用你的术语),现在屏幕阅读器是当今依赖于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
    1. 如果你可以使用本地的HTML元素或与您需要已经内置的语义和行为属性的5“规则”,而不是再重新考虑的元素,并加入一个ARIA角色,州或财产使其可访问,然后这样做。
    2. 不要改变本地语义,除非你真的必须这样做。
    3. 所有交互式ARIA控件必须与键盘一起使用。
    4. 请勿在可见的可对焦元素上使用role="presentation"aria-hidden="true"
    5. 所有交互元素必须具有可访问的名称。
  • WAI-ARIA Screen reader compatibility:一个非常详尽的列表支持什么。

这应该足以让你准备好,或者至少是熟悉的。

我还建议您安装一个屏幕阅读器(NVDA是免费的,讲述人内置于Windows中,VoiceOver是iOS和MacOS的一部分),并将其带入旋转。 There are places online that can help you get going