Angular 2 具有 508 可访问性

Question

有人知道如何使用 Typescript 在 Angular 2 中实现 accessibility 吗？

Angular 2 具有 A​​ccessibility (ARIA-enabled) 功能，但我没有找到任何类型的 samples/examples，我找了很多，但没有找到任何东西。有人知道如何实现吗？

Answer 1

您可以使用所有 aria 属性 通过使用 属性绑定：

<!-- create and set an aria attribute for assistive technology -->
<button [attr.aria-label]="actionName">{{actionName}} with Aria</button>

---

例如，您可以在 div 容器上使用 aria 角色属性，如下所示：

<div [attr.role]="ariaRole">

[attr.role] 将角色属性绑定到表达式 ariaRole 的结果。

---

您可以找到所有可用的咏叹调属性 here。

Answer 2

与 muetzerich 类似，我发现以下方法适用于设置 aria 属性，例如 aria-hidden，变量中的值为 [=21] =]

 <div [attr.aria-hidden]="detailsHidden">

这里是Angular2 docs with info on using Aria。

这是一个plunker with an example。