Добавляет статью про вспомогательные технологии

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/)
+
+### Универсальные технологии
+
+- **Клавиатурная навигация** — возможность полностью управлять интерфейсом с клавиатуры без мыши.
+- **Настройки операционной системы** — высококонтрастные темы, увеличение курсора, изменение скорости повторения клавиш.
+- **Браузерные расширения** — изменение внешнего вида страниц, блокировка анимаций, озвучка текста.
+
+<aside>
+
+🎯 Многие из этих технологий полезны не только людям с инвалидностью, но и всем пользователям в определённых ситуациях. Например, голосовой ввод удобен, когда руки заняты, а субтитры помогают смотреть видео в шумном месте.
+
+</aside>
+
+## Почему важно учитывать вспомогательные технологии при разработке сайтов
+
+Игнорирование потребностей пользователей вспомогательных технологий — это не только нарушение этических норм и законодательства, но и потеря значительной части аудитории.
+
+Чтобы сайты и приложения были доступны, следует придерживаться следующих рекомендаций:
+
+- **Контрастность**
+
+Обеспечьте достаточный контраст между текстом и фоном. Используйте яркие цвета с хорошей контрастностью (минимальное соотношение 4.5:1 для обычного текста).
+
+- **Размер шрифта**
+
+Предоставьте возможность пользователю изменять размер шрифта без потери функциональности. Используйте относительные единицы (`em`, `rem`, `%`), а не фиксированные пиксели.
+
+- **Альтернативные тексты**
+
+Для всех изображений добавляйте атрибут `alt`, который описывает содержание картинки. Это позволяет скринридерам передать информацию незрячим пользователям.
+
+- **Семантическая разметка**
+
+Используйте семантические HTML-теги (`<header>`, `<nav>`, `<main>`, `<section>`, `<article>`, `<footer>`), заголовки (`<h1>`–`<h6>`), списки и параграфы. Это помогает скринридерам правильно понять структуру страницы.
+
+- **Клавиатурная навигация**
+
+Убедитесь, что все интерактивные элементы доступны и управляемы с помощью клавиатуры («Tab», <kbd>Shift Tab</kbd>, «Enter», «Space», стрелки). Пользователи, которые не могут использовать мышь, должны иметь возможность полноценно работать с сайтом.
+
+<aside>
+
+⚠️ При включённом скринридере браузеры переходят в особый режим работы, и клавиатурное взаимодействие начинает определяться ARIA-разметкой. Поэтому тестировать навигацию с клавиатуры нужно обязательно при включённом скринридере.
+
+</aside>
+
+- **Доступные формы**
+
+Используйте ясные инструкции, связанные поля и метки (`<label>`), сообщения об ошибках ввода. Обязательные поля должны быть обозначены не только цветом, но и текстом или символом.
+
+- **Читабельность**
+
+Выбирайте чёткие, легко читаемые шрифты. Избегайте использования только курсива или текста в верхнем регистре для больших блоков — это затрудняет чтение.
+
+- **Управление анимацией**
+
+Если на сайте есть анимированные элементы, автоматическая прокрутка или мигающие баннеры, предоставьте пользователям возможность отключить или приостановить анимацию.
+
+- **Проверка доступности**
+
+После разработки проверяйте сайт с помощью автоматических инструментов (Lighthouse, axe) и ручного тестирования с участием людей, использующих вспомогательные технологии.
+
+## Выводы
+
+Вспомогательные технологии — неотъемлемая часть доступности цифровой среды. Они позволяют миллионам людей получать доступ к информации, общаться, работать и учиться.
+
+Как разработчики и дизайнеры мы можем сделать интерфейсы более доступными, следуя стандартам (WCAG), используя семантическую вёрстку и тестируя с реальными пользователями.
+
+Помните: доступность — это не дополнительная функция, а обязательное требование к современному вебу.
+
+## Будущее вспомогательных технологий
+
+С развитием искусственного интеллекта и машинного обучения вспомогательные технологии становятся умнее, персонализированнее и доступнее.
+
+### ИИ-агенты и голосовые помощники
+
+Уже сегодня ИИ-агенты вроде [Alexa](https://developer.amazon.com/en-US/alexa), [Siri](https://www.apple.com/siri/), [Google Assistant](https://assistant.google.com), [Cortana](https://www.microsoft.com/en-us/cortana), [Алиса](https://alice.yandex.ru) помогают людям с ограниченными возможностями выполнять повседневные задачи: читать вслух, составлять сообщения, искать информацию, управлять умным домом. Они становятся «цифровыми компаньонами», которые понимают контекст и адаптируются под нужды пользователя.
+
+### Нейроинтерфейсы и умные протезы
+
+Нейроинтерфейсы (Brain-Computer Interface (BCI)) позволяют управлять компьютером силой мысли. Классический пример — управление курсором на экране: пользователь, фокусируясь на определённых мысленных образах или командах, вызывает соответствующие изменения в электрической активности мозга, которые распознаются устройством и трансформируются в движение курсора.
+
+### Персонализированные интерфейсы
+
+Машинное обучение анализирует поведение пользователя и подстраивает интерфейс под его особенности: меняет контраст, размер шрифта, скорость чтения, упрощает навигацию.

a11y/index.md

@@ -14,6 +14,7 @@ groups:
       - overlays
   - name: 'Вспомогательные технологии'
     items:
+      - assistive-technologies
       - screenreaders
       - speech-recognition
   - name: 'CSS и доступность'

people/kiryshka1922/index.md

@@ -0,0 +1,6 @@
+---
+name: 'Кирилл Белоусов'
+url: https://github.com/Kiryshka1922
+badges:
+  - first-contribution-small
+---