Перейти к содержимому
Pandus

Требование WCAG A/AA Приоритет: Умеренно

У некоторых встроенных файлов или медиа нет текстового описания

Содержимое, встроенное через тег <object>, например PDF-таблица размеров, каталог, интерактивный просмотрщик или устаревшие медиа, не имеет текста, который объясняет, что это.

Этот текст переведён автоматически, носитель языка его ещё не вычитал.

Почему это важно для ваших покупателей

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

Кого это касается

  • незрячие покупатели
  • пользователи скринридеров
  • люди, чей браузер не может показать встроенное содержимое

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

Дайте каждому <object> текстовую альтернативу: aria-label или title с описанием содержимого, aria-labelledby со ссылкой на видимый заголовок или резервный текст внутри элемента <object>. Для документов вроде PDF-таблицы размеров добавьте также обычную ссылку на файл, а лучше выведите ключевую информацию на страницу текстом HTML. Если объект чисто декоративный, задайте ему role="presentation" или role="none".

В Shopify

В современных темах встречается редко; обычно это PDF или медиа, вставленные в страницу или описание товара, либо встраивание от приложения. Добавьте title или aria-label в этот HTML или замените встраивание ссылкой на файл.

В Shoptet (CZ)

Встречается редко; обычно это HTML, вставленный в описание товара или статью. Добавьте title или замените встраивание ссылкой на скачивание; по коду шаблона обратитесь в Shoptet или к партнёру Shoptet.

В PrestaShop

Обычно это встраивание на CMS-странице или в описании товара либо старый модуль темы. Добавьте title или резервный текст в редакторе содержимого или в шаблоне .tpl модуля.

В WooCommerce

Обычно это плагин просмотра PDF или встраивания либо HTML, вставленный в описание товара или блок конструктора страниц. Поищите в настройках плагина поле для названия или добавьте aria-label в код встраивания.

Стандарты

Стандарты
СтандартПункт
WCAG 2.2 1.1.1 (A) Non-text Content
WCAG 2.1 1.1.1 (A) Non-text Content
WCAG 2.0 1.1.1 (A) Non-text Content
EN 301 549 4.1.1 9.1.1.1
EN 301 549 3.2.1 9.1.1.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.1.1

Автоматическая проверка: правило axe-core object-alt. dequeuniversity.com, github.com, www.w3.org

Все правила, которые мы проверяем