Вимога WCAG A/AA Пріоритет: Помірно
Вбудований вміст не має назви
Вбудований фрейм, наприклад відео, карта, чат чи платіжний віджет, не має заголовка, який би його описував.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Користувачі програм зчитування з екрана чують лише «фрейм» і мусять зайти всередину, щоб зрозуміти, що це. Якщо це платіжний віджет чи чат, вони можуть його зовсім не знайти.
Кого це стосується
- незрячі покупці
- користувачі програм зчитування з екрана
Як виправити
Додайте короткий унікальний атрибут title до кожного <iframe>, наприклад title="Відео товару" або title="Оплата карткою". Якщо фрейм надає сторонній сервіс, перевірте його налаштування вбудовування або зверніться до постачальника.
У Shopify
Зазвичай це відео чи віджети, додані застосунками або кодом вбудовування. Додайте title до iframe у секції чи коді вбудовування; iframe застосунків має виправити розробник застосунку.
У Shoptet (CZ)
Зазвичай це коди вбудовування чи віджети, додані через власний код. Додайте title до iframe у своєму коді вбудовування; постачальникам віджетів, можливо, доведеться виправити власні фрейми.
У PrestaShop
Зазвичай це модулі відео, карт чи оплати. Додайте заголовки в шаблонах модуля чи теми; про сторонні модулі повідомте їхнього розробника.
У WooCommerce
Зазвичай це вбудовані відео, карти, платіжні шлюзи чи плагіни чату. Додайте заголовки в коді вбудовування чи налаштуваннях плагіна; про відсутні заголовки повідомте автора плагіна.
Стандарти
| Стандарт | Пункт |
|---|---|
| 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
Схожі перевірки
-
Деякі кнопки не мають назви
WCAG 4.1.2 A
-
Уся сторінка прихована від програм зчитування з екрана
WCAG 1.3.1 A
-
Мову сторінки вказано неправильно
WCAG 3.1.1 A
-
Деякі клітинки таблиці посилаються на неправильні заголовки
WCAG 1.3.1 A