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