Атрибут 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. Однако помните, что это ухудшает доступность.