WCAG 1.2.1 Только аудио и только видео (записанные)

Критерий успеха 1.2.1 касается записей, в которых есть только один канал: звук без изображения (подкаст, голосовое сообщение, запись выступления) или видео без звука (анимация, беззвучная демонстрация товара). Глухие люди не воспринимают звук, незрячие — изображение, поэтому каждому варианту нужна альтернатива. Это уровень A и часть EN 301 549 (пункт 9.1.2.1). Тот же стандарт принят в Украине как ДСТУ EN 301 549:2022.

Что требует критерий

Для записанных медиа:

• Только аудио: предоставьте альтернативу для медиа, зависящих от времени, — текстовую версию с равноценной информацией. Обычно это расшифровка того, что говорится, кто говорит, и значимых звуков.
• Только видео: предоставьте либо альтернативу для медиа, зависящих от времени (текстовое описание происходящего по порядку), либо звуковую дорожку с равноценной информацией.

Исключение: аудио или видео само является медиаальтернативой для текста — например, озвучкой статьи, которая уже есть на странице, — и чётко обозначено как таковое.

Видео со звуком и изображением сюда не относится: это критерии 1.2.2, 1.2.3 и 1.2.5.

Типичные ошибки в интернет-магазине

• подкаст или аудиоролик «послушайте основателя» без расшифровки;
• беззвучное видео 360° или «как сложить», которое показывает информацию, отсутствующую в тексте;
• анимированный GIF или видео с шагами инструкции по сборке без текстовой версии;
• расшифровка есть, но доступна только после входа в аккаунт или по запросу.

Как проверить

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

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

Как исправить

• Публикуйте расшифровку прямо под плеером или давайте на неё ссылку в том же месте.
• Используйте автоматическую расшифровку как черновик, затем вручную исправьте имена, цифры и названия товаров.
• Для беззвучных видео распишите шаги нумерованным списком рядом с видео; это помогает и SEO, и тем, кто читает по диагонали.
• Если запись лишь повторяет текст со страницы, чётко обозначьте это, например «Аудиоверсия этой статьи».

Связанные критерии

• 1.2.2 Субтитры (записанные) — субтитры для видео со звуком.
• 1.2.3 Аудиодескрипция или альтернатива для медиа (записанные) — визуальная часть видео со звуком.
• 1.1.1 Нетекстовый контент — текстовые альтернативы для всего нетекстового контента.

Частые вопросы

Нужна ли расшифровка подкасту на моём сайте?

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

А что с видео товара без звука?

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

Касается ли это беззвучного фонового видео в первом экране?

Если оно несёт информацию — да. Если это чистый декор, 1.1.1 требует лишь, чтобы вспомогательные технологии могли его игнорировать; при этом 2.2.2 может требовать возможность поставить его на паузу, если оно движется дольше 5 секунд.