Перейти к содержимому
Pandus
ru Сменить язык
Меню

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

У встроенного содержимого нет названия

У встроенного фрейма, например видео, карты, чата или платёжного виджета, нет заголовка, который его описывает.

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

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

Пользователи скринридеров слышат только «фрейм» и должны зайти внутрь, чтобы понять, что это. Платёжный виджет или чат они могут вообще не найти.

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

  • незрячие покупатели
  • пользователи скринридеров

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

Добавьте каждому <iframe> короткий уникальный атрибут title, например title="Видео о товаре" или title="Оплата картой". Если фрейм от стороннего сервиса, проверьте настройки встраивания или обратитесь к поставщику.

В Shopify

Обычно это видео или виджеты, добавленные приложениями или кодом встраивания. Добавьте title к iframe в секции или коде встраивания; iframe приложений должен исправить разработчик приложения.

В Shoptet (CZ)

Обычно это код встраивания или виджеты, добавленные через пользовательский код. Добавьте title к iframe в своём коде встраивания; поставщикам виджетов, возможно, придётся исправить свои фреймы.

В PrestaShop

Обычно это модули видео, карт или оплаты. Добавьте title в шаблонах модуля или темы; о сторонних модулях сообщите их разработчику.

В WooCommerce

Обычно это встроенные видео, карты, платёжные шлюзы или плагины чата. Добавьте title в коде встраивания или в настройках плагина; об отсутствии заголовков сообщите автору плагина.

Стандарты

Стандарты
СтандартПункт
WCAG 2.2 4.1.2 (A) Name, Role, Value
WCAG 2.1 4.1.2 (A) Name, Role, Value
WCAG 2.0 4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1 9.4.1.2
EN 301 549 3.2.1 9.4.1.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.4.1.2

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

Похожие проверки

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