Инуструменты для тестирования доступности

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

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

В целом, инструменты доступности подразделяются на следующие категории:

1. Программное обеспечение для чтения экрана: Считывает содержимое страницы на экране
2. Программное обеспечение для распознавания речи: Преобразование произнесенных слов в текст
3. Специальная клавиатура: Легкий набор текста с помощью клавиатуры, специально разработанной для людей с нарушениями моторных функций
4. Программное обеспечение для увеличения экрана: Предназначено для пользователей с нарушениями зрения, чтобы они могли увеличить дисплей, чтобы облегчить чтение.
В настоящее время мы концентрируемся на программном обеспечении для чтения с экрана и методах навигации по клавиатуре.

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

Кнопки навигации по клавиатуре. На следующей странице вы можете найти основные комбинации клавиатуры, с помощью которых вы можете перемещаться по сайтам без использования курсора мыши: https://webaim.org/techniques/keyboard/.

Экранные считыватели По данным Американского фонда для слепых, "Скрин-ридеры - это программы, которые позволяют слепым или слабовидящим пользователям читать текст, который отображается на экране компьютера с помощью речевого синтезатора [...]. Скринридер - это интерфейс между операционной системой компьютера, его приложениями и пользователем. Пользователь посылает команды, нажимая различные комбинации клавиш на клавиатуре компьютера [...], чтобы инструктировать речевой синтезатор, что говорить и говорить автоматически, когда происходят изменения на экране компьютера". Кроме того, скринридеры предлагают различные функции, такие как чтение и поиск текста на экране.

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

Windows компьютеры NVDA (Non Visual Desktop Access) - это бесплатное программное обеспечение с открытым исходным кодом, созданное для оказания помощи

людям со слабым зрением для работы с компьютерным программным обеспечением и веб-сайтами.

1. Посетите веб-сайт https://www.nvaccess.org/download/
2. Прокрутите вниз и нажмите кнопку Загрузить.
3. Запустите загруженный установочный пакет и следуйте инструкциям для завершения установки.
4. После завершения установки вы можете запустить NVDA и с этого момента скринридер будет воспроизводить сфокусированные элементы с помощью клавиатуры или мыши и текст, который вы вводите в поля.
Здесь вы можете найти расширенные комбинации клавиш, которые вы можете использовать с NVDA.

читатель может перемещаться по содержанию веб-страницы: https://webaim.org/resources/shortcuts/nvda.

JAWS является платным скринридером, который вы можете использовать 40 минут бесплатно. По истечении 40-минутного сеанса вам необходимо перезагрузить компьютер, чтобы начать новый бесплатный сеанс. Вот как установить и настроить JAWS на машине с Windows:

1. Перейдите по адресу https://support.freedomscientific.com/Downloads/JAWS.
2. Скачайте последнюю официальную версию скринридера JAWS, которая является одной из ссылок далее по странице. Пожалуйста, не устанавливайте бета-версию, так как она не гарантирует ее надежную работу.
4. Следуйте инструкциям для завершения установки.
5. Вам будет предложено перезагрузить компьютер для завершения процесса.
Для ознакомления с программным обеспечением рекомендуем ознакомиться с быстрыми клавишами навигации для JAWS.

Компьютеры Apple Компьютеры Apple с операционной системой MacOS имеют встроенный скринридер VoiceOver.

1. Чтобы активировать функцию скринридера на вашем Mac, перейдите в раздел Системные настройки.
2. Откройте страницу Доступность (см. первое изображение ниже).
На открывшейся странице установите флажок Включить VoiceOver (см. второе изображение ниже).

С помощью обучающей кнопки Open Voice Over, расположенной внизу, вы можете запустить обучение, которое научит вас использовать VoiceOver на компьютере Mac.

Посетите официальное руководство пользователя VoiceOver от Apple, чтобы узнать больше о том, как использовать VoiceOver в MacOS Catalina.

Устройства Apple iOS (iPhone и iPad) Устройства с операционной системой iOS имеют собственный встроенный считыватель экрана, называемый

VoiceOver.

1. Активируйте его, перейдя в "Настройки" > "Доступность" > "VoiceOver".
2. Выберите вверху опцию VoiceOver.
3. Нажмите кнопку VoiceOver Practice (Голосовая тренировка) внизу, чтобы протестировать все доступные жесты и действия, которые они запускают.

С этого момента меняется способ управления iOS-устройством. Следующая официальная статья компании Apple поможет вам с жестами: Узнайте о жестикуляциях VoiceOver на iPhone.

Более полезные статьи о VoiceOver можно найти в оглавлении на этой самой странице, посетив Содержание > Доступность > Зрение > VoiceOver.

Устройства Android (телефоны и планшеты) У Android есть своя программа для чтения с экрана под названием TalkBack.

1. Активируйте его, перейдя в "Настройки" > "Доступность" > "Обратный разговор" на вашем устройстве.
2. Опция переключения Используйте сервис для включения скринридера.

Обратите внимание на краткие инструкции по использованию Android TalkBack, приведенные ниже. Для получения подробной информации посетите руководство Google Начните работать на Android с TalkBack.

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

Анализатор цветового контраста (CCA) измеряет коэффициенты контрастности и предоставляет информацию об их соответствии WCAG 2.1. Инструмент показывает, какие контрольно-пропускные пункты WCAG не работают на основе его измерений.

Это приложение доступно как для Windows, так и для MacOS:

1. Посетите сайт https://developer.paciellogroup.com/resources/contrastanalyser/.
2. Нажмите на видную кнопку загрузки справа.

С помощью функции "Pinch" вы можете измерить цвета текста и его фона или ввести их вручную, и приложение вычислит коэффициент цветового контраста.

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

В приведенном примере проверяется кнопка Download for Windows / macOS с их сайта. Из свойств кнопки можно извлечь значения цвета текста, фона и рамки кнопки и ввести эти значения цвета в приложение "Анализатор цветового контраста". После этого приложение вычислит коэффициент контрастности белого текста на синем фоне кнопки.