Деякі вбудовані файли чи медіа не мають текстового опису

Вміст, вбудований через тег <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

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