Что такое вспомогательные технологии

Вспомогательные технологии (assistive technology, AT) — это любые предметы, оборудование, программное обеспечение или системы, которые используются для расширения, поддержания или улучшения функциональных возможностей людей с ограниченными возможностями.

В этой статье мы обзорно познакомимся с различными технологиями, рассмотрим особенности каждой из них и узнаем, почему их важно учитывать при создании сайтов и приложений.

🤖 Вспомогательные технологии — это инструменты, которые помогают людям с инвалидностью взаимодействовать с цифровым миром. К ним относятся программы чтения с экрана, брайлевские дисплеи, экранные лупы, голосовое управление, альтернативные устройства ввода и многое другое.

Их используют не только люди с постоянными ограничениями, но и те, кто временно не может пользоваться обычными интерфейсами (например, при травме руки) или находится в неудобной обстановке (яркий свет, шум).

Вспомогательные технологии не новы. На самом деле они были частью жизни людей на протяжении тысячелетий. Считается, что очки были изобретены в Италии между 1268 и 1289 годами, а первое упоминание об использовании инвалидной коляски относится к V веку в Китае.

С развитием компьютеров инженеры начали искать решения, которые помогли бы людям с нарушениями зрения пользоваться техникой. Первая программа экранного доступа JAWS появилась в 1989 году. Её разработал американец Тед Хентер, потерявший зрение после дорожной аварии.

Эти технологии можно разделить на несколько категорий в зависимости от того, какие потребности они закрывают.

• Программы чтения с экрана скринридеры — озвучивают текст и элементы интерфейса. Примеры: JAWS, NVDA, VoiceOver, TalkBack.
• Брайлевские дисплеи — выводят текст шрифтом Брайля в виде поднимающихся точек.
• Экранные лупы — увеличивают часть экрана для слабовидящих пользователей.
• Программы для чтения текста вслух — преобразуют письменный текст в речь, но не озвучивают интерфейс (например, Read Aloud в браузерах).

• Субтитры и скрытые титры — текстовое сопровождение аудио- и видеоконтента.
• Усилители звука — персональные системы, которые делают речь громче и чётче.

• Альтернативные устройства ввода:
  • Трекбол — устройство ввода, где управление курсором осуществляется вращением шарика (обычно большим пальцем или кистью), что снижает нагрузку на запястье по сравнению с обычной мышью.
  • Головная мышь (HeadMouse) — управление курсором с помощью движений головы.
  • Выносные компьютерные кнопки — большие тактильные кнопки, которые эмулируют клики мыши.
  • Наголовные указатели — палочка, закреплённая на голове, для нажатия клавиш.
• Специальные клавиатуры — с увеличенными клавишами, разным расположением или сенсорным вводом.
• Голосовое управление — программы для диктовки текста и выполнения команд (например, Dragon Naturally Speaking). Про распознавание речи подробнее тут

• Клавиатурная навигация — возможность полностью управлять интерфейсом с клавиатуры без мыши.
• Настройки операционной системы — высококонтрастные темы, увеличение курсора, изменение скорости повторения клавиш.
• Браузерные расширения — изменение внешнего вида страниц, блокировка анимаций, озвучка текста.

Игнорирование потребностей пользователей вспомогательных технологий — это не только нарушение этических норм и законодательства, но и потеря значительной части аудитории.

Чтобы сайты и приложения были доступны, следует придерживаться следующих рекомендаций:

• Контрастность

Обеспечьте достаточный контраст между текстом и фоном. Используйте яркие цвета с хорошей контрастностью (минимальное соотношение 4.5:1 для обычного текста).

• Размер шрифта

Предоставьте возможность пользователю изменять размер шрифта без потери функциональности. Используйте относительные единицы (em, rem, %), а не фиксированные пиксели.

• Альтернативные тексты

Для всех изображений добавляйте атрибут alt, который описывает содержание картинки. Это позволяет скринридерам передать информацию незрячим пользователям.

• Семантическая разметка

Используйте семантические HTML-теги (<header>, <nav>, <main>, <section>, <article>, <footer>), заголовки (<h1>–<h6>), списки и параграфы. Это помогает скринридерам правильно понять структуру страницы.

• Клавиатурная навигация

Убедитесь, что все интерактивные элементы доступны и управляемы с помощью клавиатуры («Tab», Shift Tab, «Enter», «Space», стрелки). Пользователи, которые не могут использовать мышь, должны иметь возможность полноценно работать с сайтом.

• Доступные формы

Используйте ясные инструкции, связанные поля и метки (<label>), сообщения об ошибках ввода. Обязательные поля должны быть обозначены не только цветом, но и текстом или символом.

• Читабельность

Выбирайте чёткие, легко читаемые шрифты. Избегайте использования только курсива или текста в верхнем регистре для больших блоков — это затрудняет чтение.

• Управление анимацией

Если на сайте есть анимированные элементы, автоматическая прокрутка или мигающие баннеры, предоставьте пользователям возможность отключить или приостановить анимацию.

• Проверка доступности

После разработки проверяйте сайт с помощью автоматических инструментов (Lighthouse, axe) и ручного тестирования с участием людей, использующих вспомогательные технологии.

Вспомогательные технологии — неотъемлемая часть доступности цифровой среды. Они позволяют миллионам людей получать доступ к информации, общаться, работать и учиться.

Как разработчики и дизайнеры мы можем сделать интерфейсы более доступными, следуя стандартам (WCAG), используя семантическую вёрстку и тестируя с реальными пользователями.

Помните: доступность — это не дополнительная функция, а обязательное требование к современному вебу.

С развитием искусственного интеллекта и машинного обучения вспомогательные технологии становятся умнее, персонализированнее и доступнее.

Уже сегодня ИИ-агенты вроде Alexa, Siri, Google Assistant, Cortana, Алиса помогают людям с ограниченными возможностями выполнять повседневные задачи: читать вслух, составлять сообщения, искать информацию, управлять умным домом. Они становятся «цифровыми компаньонами», которые понимают контекст и адаптируются под нужды пользователя.

Нейроинтерфейсы (Brain-Computer Interface (BCI)) позволяют управлять компьютером силой мысли. Классический пример — управление курсором на экране: пользователь, фокусируясь на определённых мысленных образах или командах, вызывает соответствующие изменения в электрической активности мозга, которые распознаются устройством и трансформируются в движение курсора.

Машинное обучение анализирует поведение пользователя и подстраивает интерфейс под его особенности: меняет контраст, размер шрифта, скорость чтения, упрощает навигацию.