Атрибут title тега <optgroup>
Описание
Атрибут title добавляет всплывающую подсказку к элементу <optgroup>, которая появляется при наведении курсора на группу опций в выпадающем списке. Подсказка может содержать дополнительное описание группы.
<select>
<optgroup title="Включает популярные европейские языки" label="Европейские языки">
<option>Английский</option>
<option>Французский</option>
</optgroup>
</select>
Особенности работы:
| Платформа | Поддержка | Примечания |
|---|---|---|
| Desktop браузеры | Полная | Подсказка появляется при наведении |
| Мобильные устройства | Ограниченная | Может не отображаться |
| Скринридеры | Частичная | Читается при фокусировке |
Рекомендации по использованию:
- Используйте для пояснения назначения группы
- Делайте подсказки краткими (1-2 предложения)
- Не дублируйте текст из атрибута label
- Избегайте важной информации только в title
Пример с полезной информацией:
<select>
<optgroup title="Требуют дополнительной лицензии" label="Премиум функции">
<option>Расширенная аналитика</option>
</optgroup>
</select>
Ограничения:
- Не поддерживает HTML-разметку внутри
- Время появления зависит от браузера
- На сенсорных устройствах может не работать
- Не заменяет ARIA-атрибуты для сложных описаний
Доступность:
- Читается скринридерами как дополнительное описание
- Не должен быть единственным источником важной информации
- Для форм лучше использовать
<label>с пояснением
Примечание: Атрибут title следует использовать для необязательных подсказок, а не для критически важной информации. Для обязательных пояснений лучше размещать текст видимым образом рядом с элементом формы.