Атрибут title тега <track>
Описание
Атрибут title для тега <track> предоставляет дополнительную текстовую информацию о текстовой дорожке, которая может отображаться в виде всплывающей подсказки или использоваться вспомогательными технологиями.
<video controls>
<source src="tutorial.mp4" type="video/mp4">
<track src="captions.vtt" kind="captions" srclang="en" label="English"
title="Closed captions including sound effects">
</video>
Основные характеристики:
- Служит для расширенного описания назначения дорожки
- Может содержать более подробную информацию, чем атрибут label
- Отображается как всплывающая подсказка в некоторых браузерах
- Доступен для скринридеров и других вспомогательных технологий
Рекомендации по содержанию:
| Тип информации | Пример | Когда использовать |
|---|---|---|
| Дополнительные детали | "Включает описания звуковых эффектов" | Для уточнения содержимого дорожки |
| Технические спецификации | "Формат: WebVTT, кодировка: UTF-8" | Для технической документации |
| Примечания | "Автоматически сгенерированные субтитры" | Для предупреждения о качестве контента |
Пример с разными типами дорожек:
<video controls>
<source src="documentary.mp4" type="video/mp4">
<track src="captions.vtt" kind="captions" srclang="en" label="English CC"
title="Closed captions with sound descriptions for hearing impaired">
<track src="descriptions.vtt" kind="descriptions" srclang="en" label="Audio Descriptions"
title="Narration describing visual elements for visually impaired">
</video>
Особенности доступности:
- Дублирует информацию из label для скринридеров
- Может использоваться для более подробного описания
- Не заменяет атрибуты kind и srclang
- Должен быть кратким и информативным
Ограничения:
- Не все браузеры отображают title для элементов track
- Не влияет на стандартный интерфейс выбора дорожек
- Не должен содержать критически важную информацию
Лучшие практики:
- Используйте для уточнения, а не дублирования label
- Сохраняйте краткость (1-2 предложения)
- Для технической информации используйте data-атрибуты
- Тестируйте со скринридерами
Примечание: В современных медиаплеерах предпочтительнее использовать кастомные интерфейсы для отображения полной информации о дорожках.