Вимога 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