Атрибут translate тега <figcaption>
Описание
Атрибут translate в теге <figcaption> указывает, должен ли текст подписи переводиться при автоматическом переводе страницы. Принимает значения "yes" (переводить) или "no" (не переводить).
<figure>
<img src="logo.svg" alt="Company Logo">
<figcaption translate="no">
MegaCorp® - официальный логотип
</figcaption>
</figure>
<figure>
<img src="chart.png" alt="Sales Chart">
<figcaption translate="yes">
Рисунок 1. Динамика продаж по регионам
</figcaption>
</figure>
Когда использовать:
| Значение | Когда применять | Примеры |
|---|---|---|
no |
Для торговых марок, имен собственных, терминов | Windows® 11, iPhone 14 Pro, Coca-Cola |
yes |
Для обычного текста, который нужно перевести | Годовой отчет, Сравнительный анализ |
Рекомендации по использованию:
- Всегда указывайте для элементов с именами брендов
- Сочетайте с атрибутом
langдля точного определения языка - Для кнопок и интерактивных элементов используйте
translate="no" - Тестируйте с разными сервисами перевода
Пример с техническими терминами:
<figure>
<img src="network.png" alt="Network Diagram">
<figcaption translate="no">
Рисунок 3. Топология сети типа "звезда" (Star Topology)
</figcaption>
</figure>
Особенности работы:
- Google Translate и другие сервисы учитывают этот атрибут
- Не влияет на ручной перевод контента
- Для полных фраз лучше разбивать переводимые и непереводимые части
- Работает в современных браузерах
Ограничения:
- Не все системы перевода поддерживают этот атрибут
- Не предотвращает перевод в 100% случаев
- Не влияет на SEO напрямую
Примечание: Для важных элементов, которые никогда не должны переводиться, рассмотрите использование изображений текста вместо атрибута translate. Однако помните, что это ухудшает доступность.