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

Описание

Атрибут lang для тега <area> указывает язык текстового содержимого в атрибутах (таких как alt). Это важно для правильного отображения и произношения скринридерами.

Пример использования:
<img src="multilang-map.png" usemap="#langmap" alt="Многоязычная карта"> <map name="langmap"> <area shape="rect" coords="0,0,100,50" href="#english" alt="English version" lang="en"> <area shape="rect" coords="100,0,200,50" href="#french" alt="Version française" lang="fr"> </map>

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

Характеристика Поведение
Формат значения Код языка по ISO 639-1 (en, fr, de и т.д.)
Наследование Переопределяет язык, указанный в родительских элементах
Доступность Влияет на произношение скринридеров
Совместимость Поддерживается всеми современными браузерами

Рекомендации по использованию:

  • Используйте для многоязычных image maps
  • Указывайте точные коды языков (например, "pt-BR" для бразильского португальского)
  • Сочетайте с атрибутом dir для RTL-языков
  • Для смешанного контента применяйте к отдельным областям
Пример с региональными вариантами:
<area shape="circle" coords="100,100,50" href="#spanish" alt="Versión en español" lang="es-ES">

Важные особенности:

  • Важно: Не влияет на язык целевой страницы, только на текст в атрибутах области
  • Важно: Должен соответствовать фактическому языку текста в alt/title
  • Может использоваться вместе с hreflang (который указывает язык целевой страницы)

Советы по реализации:

<!-- Правильно: согласованные lang и текст --> <area shape="rect" coords="0,0,100,50" href="#german" alt="Deutsche Version" lang="de"> <!-- Неправильно: язык не соответствует тексту --> <area shape="rect" coords="100,0,200,50" href="#french" alt="English version" lang="fr">

Совет: Для проверки кодов языков используйте официальный справочник IANA или инструменты вроде langtag.net.

Примечание: Хотя атрибут lang редко используется с <area>, он становится важным для многоязычных сайтов с интерактивными изображениями.