我正在研究可访问性。专家表示,当 Modal 弹出时,键盘用户不应在 Modal 窗口之外进行交互。我正在使用引导模式。 Bootstrap 版本是 3。我认为 GitHub 上有关于此的问题!
这是模态框的代码片段。
<div class="modal fade in" id="unenrollmentWarningModal" role="dialog" aria-labelledby="myModalLabel" aria-modal="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" aria-label="Close Dialog" data-dismiss="modal">×</button>
<h2 class="modal-title" id="myModalLabel">Unenrollment Warning!</h2>
<div class="row">
<div class="col-md-6" style="text-align: center;">
<button class="btn btn-danger btn-block declineUnenrollment enrollButton" data-dismiss="modal">Nevermind!</button>
</div>
<div class="col-md-6" style="text-align: center;">
<button class="btn btn-success btn-block acceptUnenrollment enrollButton">I Understand</button>
</div>
</div>
</div>
</div>
</div>
</div>
我该如何解决这个问题?
最佳答案
如果我答对了你的问题,你需要使用 tabindex="-1"属性。看这里:What's the tabindex="-1" in bootstrap for
关于html - 如何防止 Bootstrap 3 模式窗口之外的键盘焦点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49318979/