我看到规格"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属性?
无论你是否觉得你有一个需要写代码为残疾,统计,好做法UX,法律和通用设计的人都认为,其实你就需要编写代码来支持配套能力的人.我鼓励您查看Microsoft创建的包容性设计手册(21MB PDF),因为它显示了我们如何遇到临时和情境障碍.
另请注意,屏幕阅读器运行在"普通"Web浏览器之上(借用您的术语),现在屏幕阅读器是当今唯一依赖ARIA的技术.
现在,为您的ARIA问题......
对于主要是静态内容的简单网页(例如,典型的WordPress网站),您可能不需要ARIA.正确使用HTML并包含结构通常对用户来说已经足够了.
如果您正在构建基于Web的应用程序或新颖的交互(使用像React或Angular这样的框架),那么您将需要开始使用ARIA(尽管已经在某些框架和库中构建了一些位).
有些地方你可以开始:
ARIA上的Mozilla开发者网络:涵盖了许多高级内容,并且随着您的发展深入挖掘.
WAI-ARIA创作实践:介绍不同的用户界面模式以及如何应用ARIA和任何必要的脚本增强功能.
关于ARIA在HTML中使用的注释:这些是使用ARIA的5条"规则"
如果您可以使用本机HTML元素或属性以及您已经内置的语义和行为,而不是重新使用元素并添加ARIA角色,状态或属性以使其可访问,那么请执行此操作.
除非你真的需要,否则不要改变原生语义.
所有交互式ARIA控件都必须可以与键盘一起使用.
请勿在可见焦点元素上使用role="presentation"
或使用aria-hidden="true"
.
所有交互元素都必须具有可访问的名称.
WAI-ARIA屏幕阅读器兼容性:支持的内容非常详尽.
这应该足以让你得到启动,或至少熟悉.
我还建议你安装一个屏幕阅读器(NVDA是免费的,Narrator是内置在Windows中,VoiceOver是iOS和macOS的一部分)并带他们旋转.有网上的地方可以帮助你开始.