Angular 2具有508可访问性

Question

任何人都知道如何在 Angular 2 with Typescript 中实施辅助功能？

Angular 2具有辅助功能（ ARIA启用）功能，但我没有找到任何样本/示例，我搜索了很多但没找到任何东西。有谁知道如何实现它？

Answer 1

您可以使用所有咏叹调属性 属性绑定：

<!-- 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]将role属性绑定到表达式ariaRole的结果。

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

Answer 2

与muetzerich类似，我发现以下内容适用于设置aria属性，如 aria-hidden ，其中包含变量中的值，“detailsHidden”

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

这是Angular2 docs with info on using Aria。

这是plunker with an example。