Я работаю над веб-доступностью. Эксперт говорит, что когда модальное всплывающее окно, пользователь клавиатуры не должен взаимодействовать за пределами модального окна. Я использую модальный Bootstrap. Версия Bootstrap — 3. Я думаю, что на GitHub есть проблема по этому поводу! Вот фрагмент кода для Modal.
<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>
Как я могу решить эту проблему? Спасибо.