У нескольких встроенных фреймов одинаковое название

Два или более встроенных фрейма (iframe) на странице имеют одинаковый title, хотя показывают разное, например несколько видео товаров с названием «YouTube video player».

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

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

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

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

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

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

Дайте каждому <iframe> title, описывающий именно его содержимое, например «Видео: как измерить размер» или «Карта расположения магазина». Стандартные названия из кодов встраивания («YouTube video player», «reCAPTCHA») замените там, где вы управляете кодом. Фреймы с действительно одинаковым содержимым могут иметь одно название; axe просит проверить это вручную.

В Shopify

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

В Shoptet (CZ)

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

В PrestaShop

Обычно это модули видео или карт, повторённые на странице с фиксированным названием. Сделайте title конкретным в шаблонах .tpl модуля или темы; о сторонних модулях сообщите их разработчику.

В WooCommerce

Обычно это несколько встроенных видео или карт из редактора блоков или конструктора страниц со стандартным названием. Измените title в коде встраивания или настройках блока; об iframe плагинов сообщите автору плагина.

Стандарты

Стандарты
Стандарт	Пункт
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-unique. dequeuniversity.com, github.com, www.w3.org

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