Атрибут title тега <caption>
Описание
Атрибут title для элемента <caption> добавляет всплывающую подсказку (tooltip) к заголовку таблицы. Это полезно для:
- Дополнительного описания назначения таблицы
- Пояснения сокращений или специальных терминов
- Улучшения доступности (в сочетании с ARIA)
<table>
<caption title="Данные актуальны на 1 января 2024 года">
Финансовые показатели (млн руб.)
</caption>
<!-- Содержимое таблицы -->
</table>
| Аспект | Поведение | Особенности |
|---|---|---|
| Отображение | Всплывающая подсказка при наведении | Зависит от браузера/ОС |
| Доступность | Частично поддерживается скринридерами | Лучше дублировать в aria-label |
| Содержимое | Только текст (без HTML-разметки) | Оптимально 1-2 предложения |
Практические примеры:
1. Пояснение терминологии:
<table>
<caption title="EBITDA - прибыль до вычета расходов по процентам, налогов и амортизации">
Показатели EBITDA по кварталам
</caption>
<!-- Содержимое таблицы -->
</table>
2. Дополнительная информация:
<table>
<caption title="Данные собраны из внутренней CRM системы и бухгалтерской отчетности">
Анализ продаж по регионам
</caption>
<!-- Содержимое таблицы -->
</table>
Рекомендации:
- Используйте для необязательной, но полезной информации
- Избегайте дублирования основного текста заголовка
- Для важной информации используйте видимый текст
- Сочетайте с aria-атрибутами для лучшей доступности
Ограничения:
- Не отображается на мобильных устройствах при тапе
- Не поддерживает форматирование текста
- Может конфликтовать с кастомными тултипами
Важно: Не используйте атрибут title для критически важной информации, так как:
- Некоторые скринридеры могут его игнорировать
- Пользователи могут не заметить подсказку
- На сенсорных устройствах недоступен
Примечание: Для комплексных решений доступности предпочтительнее использовать комбинацию aria-label, aria-describedby и видимого текста.