现在研究 ARIA 的属性还早吗?
Is it still early to study the attributes ARIA?
我看到了规格 "ARIA" 1.0 (https://www.w3.org/TR/wai-aria/) and those (vers. 1.1) that are going to be released soon (https://www.w3.org/TR/wai-aria-1.1/)。
但我也看到文档-imho-稀疏和零散,很难找到和理解。
对于一个普通人(即对于一个没有真正和直接需要编写代码供残障人士访问的开发人员)来说,第一次研究属性 ARIA 是否还早?
例如 caniuse.com 仅处理 "normal" 网络浏览器 (http://caniuse.com/#search=role):我如何知道屏幕阅读器和其他辅助设备是否以及如何支持属性 ARIA?
无论您是否认为您需要为残障人士编写代码,统计数据、良好的用户体验实践、法律和通用设计都表明,事实上您 需要编写代码来支持各种能力的人。我鼓励您查看 Microsoft 创建的 Inclusive Design Manual(21MB PDF),因为它展示了我们如何遇到临时和情境障碍。
还要注意屏幕 readers 运行 在 "normal" 网络浏览器之上(借用你的术语),现在屏幕 readers 是唯一的今天依赖 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 "rules"
- 如果您可以使用原生 HTML 元素或属性以及您需要的内置语义和行为,而不是重新调整元素的用途并添加 ARIA 角色、状态或 属性使其可访问,然后这样做。
- 不要更改本机语义,除非您确实必须这样做。
- 所有交互式 ARIA 控件必须可通过键盘使用。
- 不要在可见的可聚焦元素上使用
role="presentation"
或 aria-hidden="true"
。
- 所有交互元素都必须有一个易于访问的名称。
- WAI-ARIA Screen reader compatibility:一份非常详尽的支持列表。
这应该足以让您入门,或者至少熟悉。
我还建议您安装屏幕 reader(NVDA 是免费的,讲述人内置于 Windows,VoiceOver 是 iOS 和 macOS 的一部分)并试用它们. There are places online that can help you get going.
我看到了规格 "ARIA" 1.0 (https://www.w3.org/TR/wai-aria/) and those (vers. 1.1) that are going to be released soon (https://www.w3.org/TR/wai-aria-1.1/)。
但我也看到文档-imho-稀疏和零散,很难找到和理解。
对于一个普通人(即对于一个没有真正和直接需要编写代码供残障人士访问的开发人员)来说,第一次研究属性 ARIA 是否还早?
例如 caniuse.com 仅处理 "normal" 网络浏览器 (http://caniuse.com/#search=role):我如何知道屏幕阅读器和其他辅助设备是否以及如何支持属性 ARIA?
无论您是否认为您需要为残障人士编写代码,统计数据、良好的用户体验实践、法律和通用设计都表明,事实上您 需要编写代码来支持各种能力的人。我鼓励您查看 Microsoft 创建的 Inclusive Design Manual(21MB PDF),因为它展示了我们如何遇到临时和情境障碍。
还要注意屏幕 readers 运行 在 "normal" 网络浏览器之上(借用你的术语),现在屏幕 readers 是唯一的今天依赖 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 "rules"
- 如果您可以使用原生 HTML 元素或属性以及您需要的内置语义和行为,而不是重新调整元素的用途并添加 ARIA 角色、状态或 属性使其可访问,然后这样做。
- 不要更改本机语义,除非您确实必须这样做。
- 所有交互式 ARIA 控件必须可通过键盘使用。
- 不要在可见的可聚焦元素上使用
role="presentation"
或aria-hidden="true"
。 - 所有交互元素都必须有一个易于访问的名称。
- WAI-ARIA Screen reader compatibility:一份非常详尽的支持列表。
这应该足以让您入门,或者至少熟悉。
我还建议您安装屏幕 reader(NVDA 是免费的,讲述人内置于 Windows,VoiceOver 是 iOS 和 macOS 的一部分)并试用它们. There are places online that can help you get going.