Вспомогательные технологии: программы чтения с экрана, переключатели, экранные лупы
Инструменты, которые превращают вашу разметку в удобный интерфейс
«Вспомогательные технологии: программы чтения с экрана, переключатели, экранные лупы» — бесплатный урок Web Accessibility Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Web Accessibility Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Web Accessibility Academy содержит 4 уроков всего.
Инструменты, устраняющие разрыв
Вспомогательные технологии — это программные и аппаратные средства, которые превращают Вашу разметку в то, чем человек действительно может пользоваться. Давайте познакомимся с основными из них. 🛠️
Что делает программа чтения с экрана
Программа чтения с экрана озвучивает страницу или передаёт её на дисплей Брайля. Она последовательно читает текст, ссылки и заголовки.
Распространённые программы чтения с экрана
В Windows Вы встретите NVDA и JAWS, на устройствах Apple — VoiceOver, а на Android — TalkBack. Каждая из них входит в состав платформы или распространяется бесплатно.
Она читает Ваш HTML
Программа чтения с экрана сообщает смысл на основе Вашего HTML. Настоящий заголовок объявляется как заголовок, поэтому правильные теги так важны.
<h1>Welcome</h1>
<button>Buy now</button>Экранные лупы увеличивают изображение
Экранная лупа увеличивает часть экрана для пользователей со слабым зрением. Они видят увеличенный фрагмент и перемещаются по нему.
Лупы следят за фокусом
Лупы отслеживают фокус клавиатуры и позицию курсора. Если фокус неожиданно переместится, пользователь может остаться перед неправильным участком экрана.
Управление с помощью переключателя
Переключатель — это одна большая кнопка для пользователей с ограниченной подвижностью. Система по очереди просматривает варианты, а одно нажатие выбирает выделенный вариант.
Переключателям нужен порядок
Пользователи переключателей переходят между элементами управления по одному, поэтому разумный порядок перехода по Tab делает просмотр коротким и предсказуемым.
Голосовое управление
При использовании голосового управления пользователи произносят команды, например «нажать кнопку отправки». Лучше всего это работает, когда у кнопок есть понятные видимые названия, совпадающие с произносимыми словами.
Все они читают Ваш код
Объединяющая идея такова: каждый инструмент опирается на Вашу разметку. Чистый, осмысленный HTML обеспечивает работу вспомогательных технологий.
Источник — это Вы
Вспомогательные технологии не могут угадать намерение. Когда Вы подписываете кнопку или выбираете настоящий элемент, Вы передаёте этим инструментам необходимый смысл.
Быстрая проверка
Выберите подходящий инструмент для каждой задачи.
Итоги: разметка приводит инструменты в действие
Программы чтения с экрана озвучивают, лупы увеличивают, а переключатели просматривают варианты, но все они зависят от Вашей разметки. Пишите её правильно — и инструменты будут работать превосходно. 🚀
Изучай HTML с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 30
- Уроки
- 120
Часто задаваемые вопросы
Урок «Вспомогательные технологии: программы чтения с экрана, переключатели, экранные лупы» бесплатный?
Да — полный текст урока «Вспомогательные технологии: программы чтения с экрана, переключатели, экранные лупы» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Web Accessibility Academy, подпишись на CoddyKit PRO. Курс Web Accessibility Academy содержит 4 уроков всего.
Чему я научусь в уроке «Вспомогательные технологии: программы чтения с экрана, переключатели, экранные лупы»?
Инструменты, которые превращают вашу разметку в удобный интерфейс Ты практикуешь Web Accessibility Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Web Accessibility Academy?
Предыдущий опыт не требуется. Web Accessibility Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Вспомогательные технологии: программы чтения с экрана, переключатели, экранные лупы»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Web Accessibility Academy?
Да. Каждый урок Web Accessibility Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Как инвалидность проявляется в интернете
- Знакомство с пользователями: незрячие, слабовидящие, глухие, люди с двигательными и когнитивными нарушениями
- Вспомогательные технологии: программы чтения с экрана, переключатели, экранные лупы
- Эффект съезда с бордюра: почему доступность помогает всем