From 98d9e408d16e2c6f9eae612f49c51d8335775552 Mon Sep 17 00:00:00 2001 From: Kiryshka1922 Date: Sun, 22 Mar 2026 13:13:13 +0300 Subject: [PATCH 1/2] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D1=8F?= =?UTF-8?q?=D0=B5=D1=82=20=D0=BE=D0=B1=D0=B7=D0=BE=D1=80=D0=BD=D1=83=D1=8E?= =?UTF-8?q?=20=D1=81=D1=82=D0=B0=D1=82=D1=8C=D1=8E=20=D0=BE=20=D0=B2=D1=81?= =?UTF-8?q?=D0=BF=D0=BE=D0=BC=D0=BE=D0=B3=D0=B0=D1=82=D0=B5=D0=BB=D1=8C?= =?UTF-8?q?=D0=BD=D1=8B=D1=85=20=D1=82=D0=B5=D1=85=D0=BD=D0=BE=D0=BB=D0=BE?= =?UTF-8?q?=D0=B3=D0=B8=D1=8F=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- a11y/assistive-technologies/index.md | 153 +++++++++++++++++++++++++++ a11y/index.md | 1 + people/kiryshka1922/index.md | 6 ++ 3 files changed, 160 insertions(+) create mode 100644 a11y/assistive-technologies/index.md create mode 100644 people/kiryshka1922/index.md diff --git a/a11y/assistive-technologies/index.md b/a11y/assistive-technologies/index.md new file mode 100644 index 0000000000..1bb8c47add --- /dev/null +++ b/a11y/assistive-technologies/index.md @@ -0,0 +1,153 @@ +--- +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-теги (`
`, `