angular 5 中动态元素的可访问性
Accessibility with dynamic elements in angular 5
我正在使用键盘访问网站，当按下 Tab 键时，动态 div（使用 ngIf）条件未按预期工作。
我确实有动态元素可以显示一个或另一个，当我专注于特定的 div 元素并单击按钮转到不同的元素时，我的注意力就会迷失。
我试过为选项卡索引提供订单，但没有找到任何运气。
<!-- begin snippet: js hide: false console: true babel: false -->
主要问题是动态应用的模板。您正在尝试访问尚未由 angular 生成的元素。
换句话说，我们无法访问尚未生成的元素。
所以我删除了 ng-template 并应用了 [hidden] 属性。
此处提供工作副本 - https://stackblitz.com/edit/angular-s8gvp9
我正在使用键盘访问网站，当按下 Tab 键时，动态 div（使用 ngIf）条件未按预期工作。
我确实有动态元素可以显示一个或另一个，当我专注于特定的 div 元素并单击按钮转到不同的元素时，我的注意力就会迷失。
我试过为选项卡索引提供订单，但没有找到任何运气。
<!-- begin snippet: js hide: false console: true babel: false -->
主要问题是动态应用的模板。您正在尝试访问尚未由 angular 生成的元素。
换句话说，我们无法访问尚未生成的元素。
所以我删除了 ng-template 并应用了 [hidden] 属性。
此处提供工作副本 - https://stackblitz.com/edit/angular-s8gvp9