Требование WCAG A/AA Приоритет: Незначительно · экспериментальная проверка: стоит посмотреть вручную
Название таблицы записано в ячейке таблицы
Таблица с данными, например таблица размеров или прайс-лист, содержит название в объединённой первой строке ячеек, а не в отдельной подписи таблицы.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Программы экранного доступа объявляют подпись таблицы, как только покупатель до неё доходит, поэтому человек сразу понимает, о чём она. Название в ячейке читается как данные, путает структуру столбцов и затрудняет понимание чисел.
Кого это касается
- незрячие покупатели
- пользователи программ экранного доступа
Как исправить
Перенесите название из ячеек в элемент <caption> сразу после тега <table>, например <caption>Таблица размеров, женские футболки</caption>, и уберите объединённую первую строку (ячейку с colspan). При необходимости оформите подпись через CSS, чтобы она выглядела как раньше.
В Shopify
Обычно это таблица размеров или другая таблица, вставленная в описание товара или страницу либо созданная приложением. Исправьте HTML таблицы в режиме кода редактора или попросите разработчика приложения выводить <caption>.
В Shoptet (CZ)
Обычно это таблица, вставленная в описание товара или статью. Исправьте HTML таблицы в режиме исходного кода редактора.
В PrestaShop
Обычно это таблица в описании товара, на CMS-странице или в модуле. Исправьте HTML в режиме исходного кода редактора или в шаблоне .tpl модуля.
В WooCommerce
Обычно это плагин таблиц или HTML, вставленный в описание товара. Проверьте, есть ли у плагина опция названия или подписи таблицы, которая выводит <caption>; иначе исправьте 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 table-fake-caption.
dequeuniversity.com, github.com, www.w3.org
Похожие проверки
-
Некоторые заголовки таблицы не описывают никаких данных
WCAG 1.3.1 A
-
Пункт списка находится вне списка
WCAG 1.3.1 A
-
В названиях атрибутов доступности опечатки
WCAG 4.1.2 A
-
Некоторые видео или звуки включаются сами со звуком
WCAG 1.4.2 A