#html #twitter-bootstrap #accessibility
#HTML #twitter-bootstrap #Специальные возможности
Вопрос:
Я использую группы кнопок начальной загрузки, и я хочу, чтобы они были доступны. Прямо сейчас программа чтения с экрана видит их как отдельные кнопки. Я бы хотел, чтобы программа чтения с экрана видела их как группу или список кнопок.
http://getbootstrap.com/components/#btn-groups
<div class="btn-group">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>
Я бы также хотел, чтобы программа чтения с экрана знала, какая кнопка выбрана, но это не должно быть очень сложно с тегом aria-checked.
Комментарии:
1. Существует плагин доступности начальной загрузки (созданный Paypal — В. Царан и Д. Лембри, которые знают свое дело 😉 ). Вам следует посмотреть, что он уже делает, это может избежать необходимости изобретать велосипед. Отмеченная кнопка… имеет ли это смысл? Флажок может быть установлен, div или span также могут быть проверены, конечно, только с помощью WAI-ARIA, но у кнопки уже есть роль, и она совсем другая
2. Спасибо, это было действительно полезно
Ответ №1:
Я не думаю, что программа чтения с экрана увидит их как группу кнопок, если вы не используете input type = radio и не оформите их так, чтобы они выглядели как кнопки.
Также лучше указать, какая кнопка выбрана «aria-pressed».
Ответ №2:
Одно из решений, которое я могу придумать, — добавить role = «radio» к кнопкам, чтобы программа чтения с экрана видела их как группу. Я на самом деле работает, но я не уверен, считается ли это плохой практикой