Атрибут lang тега <svg>

Описание

Атрибут lang определяет основной язык содержимого элемента <svg>. Этот атрибут помогает браузерам и скринридерам правильно интерпретировать текстовые элементы внутри SVG.

Пример использования:
<svg lang="en" width="200" height="100"> <text x="10" y="30">Sample Text</text> </svg>

Формат значений:

Тип значения Пример Описание
Код языка (ISO 639-1) lang="en" Английский язык
Язык с регионом lang="en-US" Американский вариант английского
Множественные языки lang="en, fr" Несколько языков (нестандартное использование)

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

  • Влияет на текстовые элементы внутри SVG (<text>, <tspan>)
  • Определяет язык для проверки орфографии (если SVG редактируемо)
  • Используется скринридерами для выбора правильного голоса
  • Наследуется дочерними элементами

Пример с многоязычным SVG:

<svg width="300" height="200"> <g lang="en"> <text x="10" y="30">Welcome</text> </g> <g lang="fr"> <text x="10" y="60">Bienvenue</text> </g> </svg>

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

  • Всегда указывайте для SVG с текстовым содержимым
  • Для многоязычных документов используйте отдельные <g> с разными lang
  • Сочетайте с xml:lang для максимальной совместимости
  • Используйте правильные коды языков из стандарта ISO

Ограничения:

  • Не влияет на графические элементы
  • Некоторые старые SVG-просмотрщики могут игнорировать
  • Не заменяет необходимость локализации контента

Примечание: Для встроенных SVG в HTML5 используйте атрибут lang на HTML-элементе, если весь документ на одном языке.