Кілька вбудованих фреймів мають однакову назву

Два або більше вбудованих фрейми (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

Усі правила, які ми перевіряємо