<div class="form-group">
<label class="control-label" for="choice1">
<input type="checkbox" name="choice" id="choice1" class="form-control">Choice 1
</label>
<label class="control-label" for="choice2">
<input type="checkbox" name="choice" id="choice2" class="form-control">Choice 2
</label>
<label class="control-label" for="choice3">
<input type="checkbox" name="choice" id="choice3" class="form-control">Choice 3
</label>
</div>
Приведенный выше код динамически добавляется в зависимости от выбора доступности. Поэтому он должен динамически добавляться в div, как показано ниже:
<div class="container">
<div id="question" aria-live="off"></div>
</div>
Мой код jQuery будет таким, как показано ниже: Поскольку это вызов ajax, я заменю aria-live = "off" на aria-live = "вежливый" после получения ответа, а также обновляет идентификатор вопроса с деталями выбора, и после завершения ajax вызова я снова изменю aria-live = "off".
Но метка выбора чтение дважды с помощью NVDA Tool. Он отлично работал с Chrome и браузерами Edge. Но он читает только дважды в браузере firefox. Я не знаю, почему его читают дважды. Нужно ли добавлять aria-label или какие-либо изменения, сделанные в флажок. Пожалуйста, предложите один