Академія
Правило доступності · td-has-header
Непорожні елементи <td> у великих таблицях повинні мати пов'язаний заголовок
КритичнийWCAG 2.1 Experimental, WCAG 2.0 Experimental, Section 508, Trusted Tester, EN 301 549, RGAA
Впливає на:BlindDeafblind
Комірки даних у великих таблицях повинні мати пов'язані заголовки.
Як виправити
<table>
<thead>
<tr>
<th>Продукт</th>
<th>Ціна</th>
<th>Кількість</th>
</tr>
</thead>
<tbody>
<tr>
<td>Яблука</td>
<td>25 грн</td>
<td>100</td>
</tr>
</tbody>
</table>
Для складних таблиць використовуйте атрибут headers для явного зв'язку.
Ресурси · Зовнішні посилання
- №01Tables Concepts
- №02H43: Using id and headers attributes to associate data cells with header cells in data tables
- №03H51: Using table markup to present tabular information
- №04H63: Using the scope attribute to associate header cells and data cells in data tables
- №05H73: Using the summary attribute of the table element to give an overview of data tables
Безкоштовна перевірка
Перевірте свій сайт
Дізнайтеся, чи є це порушення на вашому ресурсі
Безкоштовний аудит