Инструментарий Bootstrap довольно популярен среди разработчиков.
Однако интерфейсы, полученные с его помощью, часто имеют проблемы с доступностью, то есть доступностью для пользователей с ограниченными возможностями.
В результате полученный интерфейс может не соответствовать предъявляемым к нему требованиям, поскольку доступность часто является одним из пунктов технического задания, а в принципе не очень доступный интерфейс — это уже плохо.
Команда разработчиков PayPal в течение некоторого времени работала над решением ряда проблем доступности в Bootstrap 3, в результате чего стал доступен плагин специальных возможностей, который недавно был выпущен для общественности.
Фактически, он позволяет реализовать доступность интерфейса на базовом уровне без каких-либо специальных знаний в этой области.
Плагин Bootstrap Accessibility Plugin — это дополнительный модуль JavaScript, который можно подключить без изменения основного кода Bootstrap. Основные улучшения специальных возможностей, которые обеспечивает этот плагин, — это реализация навигации с помощью клавиатуры и поддержка основных программ чтения с экрана.
Также внесены некоторые незначительные улучшения в контрастность предупреждающих сообщений.
Для некоторых виджетов, таких как вкладки, карусели, раскрывающиеся меню и т. д., событие onKeyDown используется для разрешения управления с клавиатуры компьютера.
В результате пользователи, у которых возникают проблемы с использованием мыши, имеют возможность работать с помощью вкладок и клавиш курсора.
Сразу после загрузки плагин начинает искать на странице любые компоненты Bootstrap, а найдя их, добавляет к ним необходимые ARIA-роли и состояния.
Это предоставляет дополнительную семантическую информацию для элементов управления, что делает интерфейс более доступным для программ чтения с экрана.
Соотношение цветов фона и данных переднего плана в предупреждающих сообщениях Bootstrap может быть недостаточным для людей со слабым зрением, поэтому плагин также корректирует эти параметры, делая общий вид более контрастным.
Подробную информацию о списке модифицируемых компонентов интерфейса и их изменениях вы можете получить в Прочти меня .
Плагин Bootstrap Accessibility распространяется на следующих условиях: Лицензии BSD , а его исходный код доступен по адресу GitHub .
Теги: #интерфейсы #веб-дизайн #доступность #доступность #Bootstrap #ассистивные технологии #ассистивные технологии #ассистивные технологии #ассистивные технологии
-
Ферменты
19 Oct, 24 -
Обратное Обучение
19 Oct, 24 -
Аттестация Рунета И Письмо Президенту
19 Oct, 24 -
Родители Школьников О Близорукости
19 Oct, 24
