Атрибут translate тега <button>

Описание

Атрибут translate определяет, должен ли текст внутри кнопки переводиться автоматическими системами перевода (например, Google Translate). Это особенно полезно для элементов интерфейса, которые не должны переводиться.

Пример использования:
<button translate="no">OK</button> <button translate="yes">Нажмите для продолжения</button>
Значение Поведение Рекомендуемое применение
yes Разрешает автоматический перевод (по умолчанию) Обычный текст на естественном языке
no Запрещает автоматический перевод Технические термины, коды, имена собственные

Практические примеры:

1. Кнопки с техническими терминами:
<button translate="no">API v2</button> <button translate="no">CSS3</button> <button translate="no">JSON</button>
2. Интернациональные элементы интерфейса:
<button translate="no">Ctrl+S</button> <button translate="no">F1 Help</button> <button translate="no">3D View</button>

Особенности работы:

  • Работает только с автоматическими системами перевода
  • Не влияет на ручной перевод контента
  • Наследуется дочерними элементами
  • Поддерживается большинством современных браузеров

Рекомендации:

  • Используйте translate="no" для:
    • Кодов, имен переменных
    • Названий брендов и продуктов
    • Стандартных элементов интерфейса (OK, Cancel)
  • Сочетайте с lang атрибутом для точного указания языка
  • Для иконок без текста не требуется

Примечание: Атрибут translate не заменяет полноценную систему локализации, а лишь управляет поведением автоматических переводчиков. Для многоязычных сайтов используйте профессиональные решения i18n.