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

Описание

Атрибут lang определяет язык содержимого элемента <optgroup>, включая его метку (атрибут label) и вложенные элементы <option>. Это важно для правильного отображения и обработки текста браузерами и скринридерами.

Пример использования:
<select> <optgroup lang="en" label="Languages"> <option>English</option> <option>French</option> </optgroup> <optgroup lang="ru" label="Языки"> <option>Русский</option> <option>Украинский</option> </optgroup> </select>

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

Формат Пример Описание
Код языка (ISO 639-1) lang="fr" Французский язык
Код языка + страны lang="pt-BR" Бразильский вариант португальского
Наследование - Если не указан, наследует язык от родительских элементов

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

<select lang="en"> <optgroup label="European"> <option lang="fr">Paris</option> <option lang="it">Rome</option> </optgroup> <optgroup lang="ar" label="عربي"> <option>القاهرة</option> </optgroup> </select>

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

  • Всегда указывайте для многоязычных интерфейсов
  • Сочетайте с атрибутом dir для RTL-языков
  • Для точности используйте код языка с регионом (напр. zh-CN)
  • Проверяйте корректность кодов языков

Особенности доступности:

  • Помогает скринридерам выбрать правильное произношение
  • Влияет на автоматический перевод в браузерах
  • Может изменять отображение кавычек и типографики

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

  • Не изменяет фактическое поведение элемента
  • Поддержка зависит от браузера и скринридера
  • Не заменяет атрибут dir для RTL-языков

Примечание: Для максимальной совместимости и доступности всегда указывайте основной язык документа в атрибуте lang элемента <html>, а атрибуты lang для <optgroup> используйте для частных случаев, когда язык контента отличается от основного языка страницы.