角度 5 中动态元素的可访问性

【问题标题】：Accessibility with dynamic elements in angular 5角度 5 中动态元素的可访问性
【发布时间】：2018-10-11 16:35:51
【问题描述】：

我正在使用键盘访问该网站，并且在按 Tab 键时，动态 div（使用 ngIf）条件未按预期工作。

我确实有条件显示一个或另一个的动态元素，当我专注于特定的 div 元素并单击按钮转到不同的元素时，我的焦点会丢失。

我尝试为标签索引提供订单，但没有找到任何运气。

   

<!-- begin snippet: js hide: false console: true babel: false -->

【问题讨论】：

【解决方案1】：

动态应用的模板的主要问题。您正在尝试访问尚未由 angular 生成的元素。

换句话说，我们无法访问尚未生成的元素。

所以我删除了ng-template 并应用了[hidden] 属性。

【讨论】：