html - 如何解决由于使用 cdktrapfocus 指令而导致的 Ax 问题（确保 aria-hidden 元素不包含可聚焦元素）

Question

我在模态组件上使用来自角度材料的 cdkTrapFocus 指令。cdkTrapFocus 在指令的开头和结尾添加一个 div 标签，其中 tab-index="0" 和 aria-hidden="true"。

cdkTrapFocus 不应将 aria-hidden 设置为 true，因为隐藏区域元素不应具有可聚焦的内容https://dequeuniversity.com/rules/axe/3.2/aria-hidden-focus?application=AxeChrome。

斧头问题是“确保 aria-hidden 元素不包含可聚焦元素”。

有人对此问题有建议/解决方法吗？

标签： htmltypescriptangular-cdkaxe