Angular 2和4中的ARIA可访问性

Question

遇到angular-aria模块时，我一直在组件模板中手动包括ARIA属性：https : //docs.angularjs.org/api/ngAria

但是，这是针对AngularJS的。Angular 2和4是否有任何等效的模块在运行时以静默方式将aria属性注入组件？

我看了这个问题：如何在Angular 2应用程序中包含ngAria？但它似乎没有答案。

Answer 1

你的问题有一个简短的答案和一个长的答案，让我们看看那些是什么？

Angular 2 和 4是否有任何等效模块可以在运行时在组件上静默注入 aria 属性？

我们首先参考 AngularJs 的知识库：

使用 ngAria 就像在应用程序中需要 ngAria 模块一样简单。ngAria 与标准 AngularJS 指令挂钩，并在运行时悄悄地将辅助功能支持注入到您的应用程序中。

由于 Angular 2 试图内置对ARIA 的支持，因此不需要这样的等效模块，而且据我所知也没有补充模块。

所以，是的，它是隐式支持的，并且不，没有这样的模块（必需）。

Angular 的辅助功能用例至少包括：（引自Marcy Sutton）

• 处理自定义控件的 aria-disabled、aria-required 和 aria-checked
• 使用 ngModel 处理自定义控件上的 aria-* 值属性
• 阻止非语义 div 元素上的点击事件（可以通过文档完成）
• 文本替代：表单控件的标签、图像的 alt

您可以通过检查 Angular 模板的渲染输出来简单地研究上述内容。

最后注意：无论如何，应该考虑到仍然需要手动遵守 ARIA 使用规则，无论使用的 Angular 版本（JS 或 2+）如何；例如，避免将点击事件分配给非语义元素，或者将给定标签嵌入到不可标记的元素中。