У меня странная проблема с программой чтения с экрана JAWS. Я работаю над страницей, размещенной на сайте SharePoint, и использую вкладки начальной загрузки. Когда я меняю вкладки с помощью JAWS, он читает «удалено», затем содержимое предыдущей вкладки, «снова удалено», затем содержимое вкладки, на которую вы нажали. Как ни странно, когда я запускаю одну и ту же страницу локально, она этого не делает.
В приведенном ниже примере (на SharePoint), если я нахожусь на первой вкладке и щелкаю на второй вкладке, JAWS объявит «удалено, контент 1, удалено, контент 2».
Он не делает это ниже, но делает это на SharePoint. Что может отличаться в SharePoint, что может вызвать это?
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Home</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Profile</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Contact</a>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">CONTENT 1 </div>
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">CONTENT 2 </div>
<div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">CONTENT 3 </div>
</div>