Деякі заголовки таблиці не описують жодних даних

У таблиці є клітинки-заголовки (<th>), не пов'язані з жодними клітинками даних, наприклад порожній рядок заголовків у таблиці розмірів або таблиця, де <th> використано лише для жирного шрифту.

Цей текст перекладено автоматично, носій мови його ще не вичитав.

Чому це важливо для ваших покупців

Програми зчитування з екрана озвучують заголовки, які нікуди не ведуть, або не можуть зіставити значення з потрібним заголовком, тож незрячий покупець може неправильно прочитати таблицю розмірів, цін чи варіантів доставки.

Кого це стосується

незрячі покупці
користувачі програм зчитування з екрана

Як виправити

Переконайтеся, що кожен <th> (і кожен елемент з role="columnheader" чи role="rowheader") має клітинки даних у своєму стовпці чи рядку. Приберіть порожні заголовки або перетворіть їх на <td>, не використовуйте <th> лише заради жирного шрифту і стежте, щоб рядки й стовпці були повними. У таблицях, що служать лише для верстки, <th> бути не повинно.

У Shopify

Зазвичай це таблиця розмірів чи характеристик, вставлена в опис товару, або згенерована застосунком таблиць розмірів чи вкладок товару. Виправте HTML таблиці в режимі коду редактора або зверніться до розробника застосунку.

У Shoptet (CZ)

Зазвичай це таблиця, вставлена в опис товару чи статтю. Виправте HTML таблиці в редакторі так, щоб під кожним заголовком або поруч із ним були дані.

У PrestaShop

Зазвичай це таблиця в описі товару, на CMS-сторінці чи в модулі характеристик або порівняння товарів. Виправте HTML у редакторі або в шаблоні .tpl модуля.

У WooCommerce

Зазвичай це таблиця, створена плагіном таблиць чи таблиць розмірів, віджет таблиці конструктора сторінок або HTML, вставлений в опис товару. Перевірте в плагіні налаштування рядка заголовків або виправте код таблиці.

Стандарти

Стандарти
Стандарт	Пункт
WCAG 2.2	1.3.1 (A) Info and Relationships
WCAG 2.1	1.3.1 (A) Info and Relationships
WCAG 2.0	1.3.1 (A) Info and Relationships
EN 301 549 4.1.1	9.1.3.1
EN 301 549 3.2.1	9.1.3.1
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.1.3.1

Автоматична перевірка: правило axe-core th-has-data-cells. dequeuniversity.com, github.com, www.w3.org

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