相关疑难解决方法(0)

我正在用Angular和开发一个应用程序Semantic-UI.应用程序应该是可访问的,这意味着它应该符合WCAG 2.0.为了达到这个目的,模态应该在对话框中保持焦点,并防止用户走出去或在位于模态下的页面元素之间移动"标签".

我找到了一些工作示例,如下所示:

• JQuery对话框:https://jqueryui.com/dialog/#modal-confirmation
• dialogHTML 5.1元素:https://demo.agektmr.com/dialog
• ARIA模式对话框示例:http: //w3c.github.io/aria-practices/examples/dialog-modal/dialog.html (我已在Plunker上复制)

这是我尝试用Semantic-UI创建一个可访问的模态:https://plnkr.co/edit/HjhkZg

如您所见,我使用了以下属性:

role="dialog"

aria-labelledby="modal-title"

aria-modal="true"

但他们没有解决我的问题.你有没有办法让我的模态保持专注,只有当用户点击取消/确认按钮时才会失去它？