diff --git a/a11y/assistive-technologies/index.md b/a11y/assistive-technologies/index.md new file mode 100644 index 0000000000..81f89d3e92 --- /dev/null +++ b/a11y/assistive-technologies/index.md @@ -0,0 +1,145 @@ +--- +title: "Что такое вспомогательные технологии" +description: "Разберёмся, какие бывают вспомогательные технологии, для кого они нужны и как их учитывать при разработке доступных интерфейсов." +authors: + - kiryshka1922 +keywords: + - assistive technology + - вспомогательные технологии + - доступность + - скринридер + - брайлевский дисплей +related: + - a11y/chto-takoe-a11y + - a11y/aria-intro + - a11y/screenreaders + - a11y/aria-intro +tags: + - article +--- + +Вспомогательные технологии (_assistive technology_, AT) — это любые предметы, оборудование, программное обеспечение или системы, которые используются для расширения, поддержания или улучшения функциональных возможностей людей с ограниченными возможностями. + +В этой статье мы обзорно познакомимся с различными технологиями, рассмотрим особенности каждой из них и узнаем, почему их важно учитывать при создании сайтов и приложений. + +## Кратко + +🤖 _Вспомогательные технологии_ — это инструменты, которые помогают людям с инвалидностью взаимодействовать с цифровым миром. К ним относятся программы чтения с экрана, брайлевские дисплеи, экранные лупы, голосовое управление, альтернативные устройства ввода и многое другое. + +Их используют не только люди с постоянными ограничениями, но и те, кто временно не может пользоваться обычными интерфейсами (например, при травме руки) или находится в неудобной обстановке (яркий свет, шум). + +## История + +Вспомогательные технологии не новы. На самом деле они были частью жизни людей на протяжении тысячелетий. Считается, что очки были изобретены в Италии между 1268 и 1289 годами, а первое упоминание об использовании инвалидной коляски относится к V веку в Китае. + +С развитием компьютеров инженеры начали искать решения, которые помогли бы людям с нарушениями зрения пользоваться техникой. Первая программа экранного доступа JAWS появилась в 1989 году. Её разработал американец Тед Хентер, потерявший зрение после дорожной аварии. + +## Виды вспомогательных технологий + +Эти технологии можно разделить на несколько категорий в зависимости от того, какие потребности они закрывают. + +### Для людей с нарушениями зрения + +- **Программы чтения с экрана [скринридеры](/a11y/screenreaders/)** — озвучивают текст и элементы интерфейса. Примеры: JAWS, NVDA, VoiceOver, TalkBack. +- **Брайлевские дисплеи** — выводят текст шрифтом Брайля в виде поднимающихся точек. +- **Экранные лупы** — увеличивают часть экрана для слабовидящих пользователей. +- **Программы для чтения текста вслух** — преобразуют письменный текст в речь, но не озвучивают интерфейс (например, Read Aloud в браузерах). + +### Для людей с нарушениями слуха + +- **Субтитры и скрытые титры** — текстовое сопровождение аудио- и видеоконтента. +- **Усилители звука** — персональные системы, которые делают речь громче и чётче. + +### Для людей с нарушениями моторики + +- **Альтернативные устройства ввода**: + - **Трекбол** — устройство ввода, где управление курсором осуществляется вращением шарика (обычно большим пальцем или кистью), что снижает нагрузку на запястье по сравнению с обычной мышью. + - **Головная мышь (HeadMouse)** — управление курсором с помощью движений головы. + - **Выносные компьютерные кнопки** — большие тактильные кнопки, которые эмулируют клики мыши. + - **Наголовные указатели** — палочка, закреплённая на голове, для нажатия клавиш. +- **Специальные клавиатуры** — с увеличенными клавишами, разным расположением или сенсорным вводом. +- **Голосовое управление** — программы для диктовки текста и выполнения команд (например, Dragon Naturally Speaking). Про распознавание речи подробнее [тут](/a11y/speech-recognition/) + +### Универсальные технологии + +- **Клавиатурная навигация** — возможность полностью управлять интерфейсом с клавиатуры без мыши. +- **Настройки операционной системы** — высококонтрастные темы, увеличение курсора, изменение скорости повторения клавиш. +- **Браузерные расширения** — изменение внешнего вида страниц, блокировка анимаций, озвучка текста. + + + +## Почему важно учитывать вспомогательные технологии при разработке сайтов + +Игнорирование потребностей пользователей вспомогательных технологий — это не только нарушение этических норм и законодательства, но и потеря значительной части аудитории. + +Чтобы сайты и приложения были доступны, следует придерживаться следующих рекомендаций: + +- **Контрастность** + +Обеспечьте достаточный контраст между текстом и фоном. Используйте яркие цвета с хорошей контрастностью (минимальное соотношение 4.5:1 для обычного текста). + +- **Размер шрифта** + +Предоставьте возможность пользователю изменять размер шрифта без потери функциональности. Используйте относительные единицы (`em`, `rem`, `%`), а не фиксированные пиксели. + +- **Альтернативные тексты** + +Для всех изображений добавляйте атрибут `alt`, который описывает содержание картинки. Это позволяет скринридерам передать информацию незрячим пользователям. + +- **Семантическая разметка** + +Используйте семантические HTML-теги (`
`, `