Атрибут title тега <bdo>
Описание
Атрибут title для тега <bdo> добавляет всплывающую подсказку к тексту с измененным направлением. Это полезно для:
- Пояснения значения RTL-текста
- Предоставления перевода или транслитерации
- Добавления контекстной информации
Пример использования:
<bdo dir="rtl" lang="ar" title="Приветствие (арабский): Мир вам">
السلام عليكم
</bdo>
Рекомендации по содержимому title:
| Тип информации | Пример |
|---|---|
| Перевод | title="Спасибо (иврит)" |
| Транслитерация | title="Marhaba (араб. - Здравствуйте)" |
| Контекст | title="Традиционное еврейское благословение" |
Особенности работы:
- Подсказка появляется при наведении курсора (не на мобильных устройствах)
- Поддерживает многострочный текст через
\n - Направление текста в подсказке зависит от браузера
- Не заменяет атрибуты доступности
Пример с многострочным title:
<bdo dir="rtl" lang="he" title="Иврит: Shalom\nДословно: Мир">
שלום
</bdo>
Совет: Для важной информации используйте aria-label вместе с title, так как подсказки не доступны на сенсорных устройствах.
Альтернатива для доступности:
<span aria-label="Арабское приветствие: Ас-саляму алейкум" title="Ас-саляму алейкум (Мир вам)">
<bdo dir="rtl" lang="ar">السلام عليكم</bdo>
</span>
Ограничения:
- Не поддерживает сложное форматирование
- Может обрезаться в некоторых браузерах
- RTL-текст в подсказке может отображаться некорректно
Лучшие практики:
- Дублируйте важную информацию в видимом тексте
- Для RTL-подсказок используйте LTR-обертку
- Ограничивайте длину (60-120 символов)
- Проверяйте отображение в разных браузерах