Атрибут summary тега <table>
Описание
Атрибут summary для тега <table> является устаревшим в HTML5 и предоставлял краткое описание содержания и структуры таблицы для вспомогательных технологий. В современных стандартах рекомендуется использовать другие методы доступности.
Важно: Атрибут summary удален из спецификации HTML5 и его использование не рекомендуется.
Историческое использование:
<table summary="Ежемесячные продажи по регионам за 2025 год">
<tr>
<th>Регион</th>
<th>Январь</th>
<th>Февраль</th>
</tr>
<!-- Данные таблицы -->
</table>
Современные альтернативы:
| Метод | Пример | Описание |
|---|---|---|
| ARIA-атрибуты | aria-describedby |
Связь с текстовым описанием |
| Элемент <caption> | <caption>Ежемесячные продажи</caption> |
Видимое описание таблицы |
| Скрытое описание | <div class="sr-only">Описание</div> |
Текст только для скринридеров |
Пример правильной реализации:
<style>
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
</style>
<div id="table1-desc" class="sr-only">
Таблица показывает ежемесячные продажи по регионам за 2025 год
</div>
<table aria-describedby="table1-desc">
<caption>Ежемесячные продажи по регионам</caption>
<thead>
<tr>
<th scope="col">Регион</th>
<th scope="col">Январь</th>
<th scope="col">Февраль</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Северный</th>
<td>120 000</td>
<td>150 000</td>
</tr>
</tbody>
</table>
Рекомендации:
- Всегда используйте
<caption>для видимого описания таблицы - Для сложных таблиц добавляйте подробное описание через
aria-describedby - Используйте семантическую разметку (
thead,th,scope) - Тестируйте с реальными скринридерами
Ограничения устаревшего подхода:
- Не поддерживается в современных стандартах
- Ограниченная функциональность
- Нет связи с видимым контентом
- Плохая поддержка в новых скринридерах
Примечание: Для сложных таблиц данных рассмотрите возможность предоставления дополнительного текстового резюме вне таблицы или использование атрибутов ARIA для улучшения доступности.