Атрибут aria-* тега <tbody>

Описание

Атрибуты aria-* для элемента <tbody> расширяют возможности доступности группы строк таблицы, помогая вспомогательным технологиям правильно интерпретировать их назначение и состояние.

Пример использования:
<table> <tbody aria-label="Финансовые показатели Q2" aria-describedby="finance-note" aria-live="polite"> <tr> <td>Апрель</td> <td>150 000 руб.</td> </tr> </tbody> <div id="finance-note" hidden>Данные включают предварительные оценки</div> </table>

Основные ARIA-атрибуты:

Атрибут Назначение Пример
aria-label Краткое описание группы строк aria-label="Пользовательские данные"
aria-labelledby Связь с видимым элементом-меткой aria-labelledby="section1-title"
aria-describedby Связь с дополнительным описанием aria-describedby="data-source"
aria-live Режим обновления динамического контента aria-live="polite"

Особенности работы:

  • Дополняют, но не заменяют семантическую HTML-разметку
  • Особенно полезны для динамически обновляемых таблиц
  • Требуют корректной реализации для работы со скринридерами
  • Поддерживаются современными вспомогательными технологиями

Пример с динамическим контентом:

<table> <tbody id="live-data" aria-live="polite" aria-atomic="false" aria-relevant="additions"> <!-- Данные будут добавляться динамически --> </tbody> </table> <script> // Пример динамического обновления document.getElementById('live-data').innerHTML = ` <tr><td>Новые данные</td><td>100</td></tr> `; </script>

Рекомендации:

  • Используйте aria-label для краткого описания группы строк
  • Для сложных таблиц указывайте aria-describedby
  • Для динамических данных настройте соответствующие aria-live параметры
  • Тестируйте с различными скринридерами (NVDA, JAWS, VoiceOver)

Ограничения:

  • Избыточное использование может ухудшить доступность
  • Требуют аккуратной реализации для динамического контента
  • Не все атрибуты поддерживаются одинаково во всех браузерах

Примечание: Для максимальной доступности сочетайте ARIA-атрибуты с правильной семантической разметкой и тестируйте с реальными пользователями вспомогательных технологий.