Атрибут title тега <svg>
Описание
Атрибут title в теге <svg> предоставляет краткое текстовое описание SVG-изображения, которое отображается как всплывающая подсказка при наведении курсора.
<svg width="100" height="100" title="График: Круговой сектор 30%">
<circle cx="50" cy="50" r="40" fill="#3498db"/>
<path d="M50,50 L50,10 A40,40 0 0,1 78,78 Z" fill="#e74c3c"/>
</svg>
Отличие от элемента <title>:
| Характеристика | Атрибут title | Элемент <title> |
|---|---|---|
| Доступность | Только подсказка | Подсказка + озвучивание |
| Местоположение | В открывающем теге | Первый дочерний элемент |
| Рекомендуемая длина | Короче (до 60 символов) | Длиннее (до 120 символов) |
Рекомендации по использованию:
- Используйте для простых SVG-элементов
- Дублируйте информацию из <title> для лучшей совместимости
- Делайте описание кратким и информативным
- Избегайте технических терминов в подсказках
Ограничения:
- Не заменяет элемент <title> для доступности
- Не поддерживает HTML-разметку
- Может переопределяться браузерными подсказками
Примечание: Для важной графики всегда используйте элемент <title> внутри SVG, а атрибут title рассматривайте как дополнительную возможность.