Тестирование с экранный читалкой: порядок проверки и объявления

Прямой ответ

Проверка экранный читалкой подтверждает, что содержимое и состояние элементов объявляются, поэтому ручная проверка дополняет автоматический анализ.

Tab → «Фильтры, кнопка, свёрнуто»
Enter → «Фильтры, кнопка, развёрнуто»

Объявление содержит назначение и состояние, поэтому пользователь определяет действие до его выполнения. О доступности — в статье про доступность веб-интерфейсов.

Режимы чтения и навигация по структуре

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

Последовательное чтение. Содержимое читается в порядке разметки, поэтому порядок объявления соответствует порядку элементов.

Переход по заголовкам. Разделы достигаются по уровням заголовков, поэтому структура страницы подтверждается переходом.

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

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

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

Объявления, которые нужно слушать

Объявление элемента содержит название, тип и состояние, поэтому неполное объявление оставляет назначение неопределённым.

Название элемента. Элемент объявляет название, поэтому назначение определяется до выполнения действия.

Тип элемента. Элемент объявляет тип, поэтому пользователь определяет способ взаимодействия.

Состояние и изменение. Состояние объявляется при получении фокуса и после действия, поэтому результат действия доступен без визуального контроля.

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

Ручная проверка против автоматической

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

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

Ручная проверка. Объявление и порядок чтения подтверждаются слушанием, поэтому недостоверное объявление обнаруживается.

Граница автоматизации. Инструмент не подтверждает, что объявление соответствует назначению, поэтому смысловая проверка выполняется вручную.

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

Об ARIA-атрибутах — в статье про ARIA-атрибуты; об аудите — в статье про аудит доступности сайта.

Настройка читалки и скорость речи

Настройки читалки влияют на состав объявления, поэтому проверка выполняется с настройками, близкими к настройкам пользователя.

Подробность объявления. Уровень подробности определяет, объявляются ли тип элемента и состояние, поэтому проверка выполняется при уровне, используемом пользователями.

Скорость речи. Скорость чтения влияет на восприятие объявления, поэтому проверка выполняется с умеренной скоростью для оценки полноты объявления.

Режим чтения. Режим определяет, читается ли страница целиком либо по элементам, поэтому проверка выполняется в обоих режимах.

Практическое следствие: проверка при минимальном уровне подробности пропускает отсутствие объявления состояния, поскольку тип и состояние не читаются.

Отдельный аспект — различие читалок. Состав объявления различается между инструментами, поэтому проверка на целевой читалке подтверждает объявление для аудитории, а проверка на ином инструменте даёт приближённый результат.

Практика: проверка с экранный читалкой

1. Проверяйте в режиме последовательного чтения. Порядок объявления соответствует порядку элементов разметки.

2. Проверяйте переход по уровням заголовков. Структура разделов подтверждается переходом, а не только чтением.

3. Проверяйте переход по интерактивным элементам. Состав и назначение элементов определяются без чтения текста.

4. Слушайте объявление названия и типа элемента. Назначение определяется до выполнения действия.

5. Проверяйте объявление состояния после действия. Результат действия доступен без визуального контроля.

6. Проверяйте объявление изображений. Альтернативный текст читается вместо неозвученного элемента.

7. Сопоставляйте автоматический анализ с ручной проверкой. Инструмент не подтверждает смысловое соответствие объявления.

Рекомендации:

1. Не ограничивайтесь автоматическим анализом. Часть нарушений определяется только слушанием объявления.
2. Учитывайте различие читалок. Объявление может отличаться между инструментами, поэтому проверка выполняется на целевой читалке.
3. Сопоставляйте объявление с назначением элемента. Инструмент не проверяет смысловое соответствие.
4. Фиксируйте проверку в процессе разработки. Недостоверное объявление обнаруживается до выпуска.
5. Пересматриваем проверку при добавлении нового компонента. Новый тип элемента требует проверки объявления.

Практический сценарий: автоматический анализ не нашёл нарушений, но интерфейс был непригоден

Контекст: страница проходила автоматический анализ без замечаний, но пользователь экранный читалки не мог выполнить действие.

1. Диагностика. Проверка слушанием показала, что часть кнопок объявлялась только типом без названия, поскольку текст элемента отсутствовал, а описание не было связано с элементом. Пользователь не определял назначение действия.
2. Причина. Автоматический анализ проверял наличие атрибутов по разметке, но не подтверждал, что объявление содержит название, соответствующее назначению.
3. Действия. (а) Связали элементы с подписями, чтобы название читалось вместе с элементом; (б) добавили доступное название для элементов без видимого текста, чтобы назначение объявлялось; (в) проверили объявление состояния после действия, чтобы результат был доступен; (г) добавили ручную проверку слушанием в процесс разработки, чтобы смысловое соответствие подтверждалось; (д) проверили переход по заголовкам и элементам и убедились в работе навигации по структуре.
4. Результат. Каждый элемент объявляет название и назначение, поэтому действие выполняется без визуального контроля.

Вывод: автоматический анализ подтверждает наличие атрибутов по разметке, но не подтверждает смысловое соответствие объявления назначению элемента. Ручная проверка слушанием обнаруживает элементы без названия, которые инструмент не находит.

FAQ

Зачем проверять экранный читалкой, если есть автоматический анализ? Инструмент находит нарушения по разметке, но не подтверждает, что объявление содержит название, соответствующее назначению элемента.

Что должно содержать объявление элемента? Название, тип и состояние. Элемент без названия объявляется только типом, поэтому назначение не определено.

Как проверить структуру страницы? Переходом по уровням заголовков. Последовательное чтение не подтверждает работу навигации по разделам.

Нужно ли проверять на нескольких читалках? Объявление может отличаться между инструментами, поэтому проверка выполняется на целевой читалке аудитории.

Источники: W3C WAI Evaluation, NV Access, ARIA Authoring Practices — ссылки в шапке.