translate
The translate attribute indicates whether user agents and translation tools should translate an element's content. It helps preserve brand names, code-like terms, and other strings that should remain unchanged.
Overview
The translate attribute indicates whether user agents and translation tools should translate an element's content. It helps preserve brand names, code-like terms, and other strings that should remain unchanged.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 19 | 79 | 111 | 6 | 25 | 6 | |
| DOM API | ||||||
| The translate property of the HTMLElement interface indicates whether an element's attribute values and the values of its Text node children are to be translated when the page is localized, or whether to leave them unchanged. | 19 | 79 | 111 | 6 | 25 | 6 |
Syntax
<p>For inquiries, please contact <span translate="no">support@example.com</span>.</p>
<p>Email: <code translate="no">npm install</code></p>Live demo
Protect product names
Keep brand names or code-like terms out of automatic page translation.
Localized UI labels
Mix translatable labels with fixed names such as account plans or brand tags.
Translation hint comparison
Compare content that translation tools may translate with content marked as fixed.
Use cases
Brand and product terms
Keep product names, version labels, or internal terms stable across translation tools.
Code and identifiers
Mark snippets or command-like content as non-translatable when the literal text matters.
Cautions
- translate is a hint, not a full localization system, so it should complement rather than replace proper content workflows.
- Use it narrowly so genuinely translatable UI text still reaches users in their preferred language.
Accessibility
- Preventing accidental translation can preserve clarity for labels, commands, and brand terms that users depend on.
- Combine translate with accurate lang metadata so assistive technologies still understand how the text should be announced.
Related links
Powered by web-features