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

标签 html css angular accessibility uiaccessibility

我正在使用键盘访问可访问的网站,当按下 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/

相关文章:

javascript - 突出显示选定的表格单元格 C# 菜单

Angular7输入类型文件上传不起作用

angular - 未捕获的类型错误 : Cannot read property 'ngOriginalError' of undefined at getOriginalError - when httpClient returned string

html - 时间元素的目的

javascript - 按钮组 Bootstrap 不起作用

html - HTML5 将如何影响内容和标题的 SEO?

Angular Testing - 如果计时器在组件初始化中,则 Tick 不起作用

javascript - 如何将函数应用于具有同一类的多个元素?

css - 在 html Canvas 圆圈中有多个可点击的部分,在每个被点击的区域填充颜色

javascript - 隐藏一个元素和它的空间并通知应用程序以便它使用 React 显示其他内容