小编qbe*_*ert的帖子

Angular CDK A11y 焦点陷阱模态/对话框

我正在拼命寻找在 Angular 8 应用程序中将焦点陷阱添加到模态框的最佳方法。我偶然发现了 Angular Material CDK,并仅为 A11y 辅助工具安装了它,但我不知道如何导入和使用FocusTrapFocusTrapFactory.

如果我尝试添加到 mydeclarationsimportsarray 中,@NgModule则会出现错误。将它们安装在 中providers没有任何作用。我在文档中没有看到任何关于如何专门使用这些工具的内容。我有cdkTrapFocuscdkFocusRegionStartcdkFocusInitial以及cdkFocusRegionEnd模态中的所有设置进行测试。我尝试过只拉FocusTrapFocusTrapFactory我的组件,但仍然一无所获。

https://v8.material.angular.io/cdk/a11y/overview#focuskeymanager

有没有人成功地让这个工作?如果我必须使用 Material UI 工具来使其正常工作,我将需要找到另一个解决方案来将焦点捕获在我的模态中。

我的模态组件是一个简单的包装器,我通过服务的 ID 打开和关闭。它基本上就像: https: //jasonwatmore.com/post/2019/07/12/angular-8-custom-modal-window-dialog-box

accessibility dialog modal-dialog angular

3
推荐指数
1
解决办法
9759
查看次数

标签 统计

accessibility ×1

angular ×1

dialog ×1

modal-dialog ×1