Публикации по теме 'accessibility'
Как создать доступный настраиваемый раскрывающийся список выбора в React
В этой статье я научу вас, как создать доступное пользовательское раскрывающееся меню выбора в React.
Чтобы правильно воспроизвести элемент select , мы должны посмотреть, что это такое . Согласно MDN, неявная роль ARIA раскрывающегося списка select — это либо combobox , либо listbox . Для этого урока я буду использовать listbox .
Если вы хотите проверить CodePen, прежде чем углубляться в объяснение, вот ссылка на него .
Шаг 1. Настройте HTML.
Мы можем рассматривать элемент..
Как я провожу аудит доступности
Тестирование чтения с экрана, навигация только с клавиатуры и многое другое
До сих пор я провел большую часть своей карьеры в качестве разработчика программного обеспечения, уделяя особое внимание доступности и дизайну систем. Таким образом, частой частью моей работы является проведение аудита доступности для различных страниц и функций.
Иногда меня просят проверить существующий набор страниц, чтобы мы могли исправить его. В других случаях меня попросят провести аудит функции, чтобы..
Доступность в SwiftUI: как сделать ваши приложения доступными для всех пользователей
Узнайте, как сделать ваши приложения более доступными с помощью встроенных специальных возможностей.
Доступность — важный аспект разработки приложений, и очень важно убедиться, что ваши приложения доступны для всех пользователей. SwiftUI предоставляет ряд встроенных специальных возможностей, которые делают его…
Доступное прогрессивное раскрытие информации еще раз
Некоторое время назад я писал о создании модели доступного прогрессивного раскрытия информации . Это очень просто - всего несколько свойств ARIA и немного JavaScript, добавленного в базовый HTML. HTML содержит элемент кнопки, который переключает свойство aria-hidden на фрагменте разметки.
Ранее на этой неделе у меня была возможность пообщаться с экспертами по доступности Дереком Фезерстоуном и Девон Персинг , поэтому я воспользовался возможностью, чтобы засыпать их вопросами об..
Как превратить div в доступную кнопку в React
Создание доступных кнопок
В React принято создавать кнопку, добавляя событие onClick к элементу, который не является <button> .
Срезание углов при создании кнопки вредит пользовательскому опыту, особенно в отношении доступности. Кто-то, использующий сайт со своей клавиатурой, программой чтения с экрана или другими вспомогательными технологиями, может не иметь возможности взаимодействовать с кнопкой.
В этой статье мы разберем проблемы, которые создают несемантические..
5 лучших советов для слабовидящих разработчиков
Здравствуйте, читатели и разработчики. Я приветствую всех вас в этой статье с советами для слабовидящих или слепых разработчиков. Здесь, в этой статье, я помогу вам своими советами по улучшению качества и производительности для кодеров со слабым зрением. После использования вспомогательных технологий в течение последних двух лет при разработке и завершении проектов я подумал о том, чтобы дать своим профессионалам советы по этому поводу. Я пишу эту статью с помощью…
Быть катализатором роста других, влияя на вспомогательные технологии
В детстве меня считали безрассудным и беспечным. Я был подвержен несчастным случаям. Люди мало что знали об этом, я сам понимал, что это прогрессирующая инвалидность, и я вот-вот потерял зрение. Вы можете ожидать, что кто-то с таким вызовом будет подавлен и расстроен. Не я, мой дедушка по материнской линии был катализатором в моей жизни, который вдохновил меня следовать своей страсти. Он верил в мой потенциал и подпитывал мое убеждение продолжать использовать возможности, и это..