Bootstrap обеспечивает доступность кнопок для пользователей вспомогательных технологий, например программ чтения с экрана, с помощью следующих механизмов:
- Использование атрибута role. 2 Он облегчает восприятие ссылок ассистивными технологиями. 2 Например, если классы кнопок используются для запуска функциональности на странице, а не для перехода на новые страницы или разделы, то таким ссылкам присваивают роль «button». 1
- Атрибут aria-disabled. 13 Его используют для указания состояния элемента отключённой кнопки. 1
- Атрибут aria-pressed. 3 Его применяют, если нужно отобразить кнопку нажатой (с более тёмным фоном и рамкой). 3
- Альтернативные средства передачи информации. 14 Если для обозначения смысла используется цвет, то необходимо, чтобы информация была либо очевидна из самого содержимого (например, видимого текста), либо включалась с помощью альтернативных средств, таких как дополнительный текст, скрытый с помощью класса .visually-hidden. 14