Angular 5中动态元素的可访问性

Question

5

我正在使用键盘，尝试让网站可以无障碍访问，在按tab键时，动态div（带有ngIf条件）的表现不如预期。

我有一个具有条件的动态元素，以显示其中之一，当我聚焦于特定的div元素并单击按钮以转到不同的元素时，我的聚焦丢失了。

我已尝试通过提供具有顺序的tab索引进行解决，但没有任何运气。

   

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

- a.p. patel

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sunil Singh · Accepted Answer

主要问题是动态应用的模板。您试图访问尚未被Angular生成的元素。

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

因此，我已经删除了ng-template并应用了[hidden]属性。