Рекомендована практика Пріоритет: Незначно
Заголовки таблиці неправильно використовують атрибут scope
Таблиця неправильно використовує атрибут scope, наприклад на звичайній клітинці з даними або зі значенням, відмінним від row, col, rowgroup чи colgroup. Це рекомендована практика, що виходить за межі рівня WCAG 2.2 AA.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Програми зчитування екрана за допомогою scope визначають, який заголовок належить до якої клітинки. Якщо він заданий неправильно, людина, яка слухає таблицю розмірів, цін чи доставки, може почути не той заголовок або жодного і вибрати не той розмір чи варіант.
Кого це стосується
- користувачі програм зчитування екрана
- незрячі та слабозорі покупці
Як виправити
Використовуйте scope лише на клітинках заголовків <th> і лише зі значеннями col, row, colgroup або rowgroup. Приберіть scope з клітинок <td>; якщо клітинка справді є заголовком, перетворіть її на <th>. Простій таблиці з одним рядком заголовків scope зазвичай узагалі не потрібен.
У Shopify
Таблиці зазвичай потрапляють з описів товарів чи сторінок, створених у візуальному редакторі, або із застосунку таблиці розмірів. Виправте HTML у режимі коду редактора або зверніться до розробника застосунку.
У Shoptet (CZ)
Зазвичай це описи товарів або тексти сторінок. Виправте HTML таблиці в режимі коду редактора; щодо таблиць із шаблону зверніться до Shoptet чи партнера.
У PrestaShop
Зазвичай це описи товарів, відредаговані в адмінці, або шаблони модуля. Виправте HTML в описі або перевизначте шаблон модуля в темі.
У WooCommerce
Зазвичай це описи товарів, плагін таблиць або тема. Відредагуйте HTML таблиці в режимі коду редактора або змініть налаштування заголовків у плагіні таблиць.
Стандарти
Це не критерій WCAG, а рекомендована практика, що робить сайт зручнішим.
Автоматична перевірка: правило axe-core scope-attr-valid.
dequeuniversity.com, github.com, www.w3.org