Атрибут title тега <embed>

Описание

Атрибут title в теге <embed> добавляет текстовую подсказку, которая появляется при наведении курсора на элемент. Это важный атрибут доступности (accessibility), помогающий понять назначение встроенного контента.

Пример использования:
<!-- PDF с описательной подсказкой --> <embed src="annual-report.pdf" type="application/pdf" width="800" height="600" title="Годовой отчет компании за 2023 год (PDF документ)"> <!-- Флэш-ролик с пояснением --> <embed src="product-demo.swf" type="application/x-shockwave-flash" width="640" height="480" title="Интерактивная демонстрация продукта (требуется Flash Player)">

Основные сценарии применения:

Тип контента Пример title Назначение
PDF документы "Руководство пользователя v2.1 (откроется в PDF-просмотрщике)" Пояснение типа и содержания документа
Видео/аудио "Видеоинструкция по установке (формат MP4, длительность 2:15)" Информация о медиафайле
Флэш-приложения "Интерактивная карта (требуется Adobe Flash Player)" Предупреждение о требованиях

Рекомендации по составлению title:

  • Будьте краткими (60-100 символов)
  • Указывайте тип контента и его назначение
  • Для устаревших технологий (Flash) добавляйте требования
  • Избегайте технического жаргона

Пример с улучшенной доступностью:

<embed src="financial-chart.swf" type="application/x-shockwave-flash" width="900" height="500" title="Интерактивный график финансовых показателей (Flash-приложение) - используйте TAB для навигации" aria-label="Финансовые показатели за последний квартал">

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

  • Подсказка появляется при наведении (задержка зависит от браузера)
  • На мобильных устройствах может не отображаться
  • Используется программами чтения с экрана
  • Не заменяет атрибут alt для изображений

SEO и доступность:

  • Улучшает понимание контента поисковыми системами
  • Важен для соответствия WCAG (Web Content Accessibility Guidelines)
  • Должен дублировать информацию для слепых пользователей
  • Не должен содержать ключевые слова без контекста

Примечание: Хотя атрибут title кажется простым, он играет важную роль в пользовательском опыте. Особенно критичен для элементов <embed>, где содержимое может быть неочевидным без дополнительного объяснения. Всегда проверяйте, чтобы подсказки были полезными и информативными.