Некоторые заголовки таблицы не описывают никаких данных

В таблице есть ячейки-заголовки (<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

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