Атрибут lang тега <option>
Описание
Атрибут lang указывает язык содержимого элемента <option>. Это особенно полезно для многоязычных интерфейсов, когда отдельные опции могут быть на разных языках.
<select>
<option lang="en" value="en">English</option>
<option lang="fr" value="fr">Français</option>
<option lang="es" value="es">Español</option>
</select>
Форматы значений:
| Формат | Пример | Описание |
|---|---|---|
| Код языка (ISO 639-1) | lang="fr" |
Французский язык |
| Код языка + страны | lang="pt-BR" |
Бразильский вариант португальского |
| Наследование | - | Если не указан, наследует язык от родительских элементов |
Рекомендации по использованию:
- Используйте для многоязычных интерфейсов
- Сочетайте с атрибутом
dirдля RTL-языков - Для точности указывайте региональные варианты (напр.
zh-CN) - Проверяйте корректность кодов языков
Пример с RTL-языками:
<select>
<option lang="ar" dir="rtl">العربية</option>
<option lang="he" dir="rtl">עברית</option>
</select>
Особенности доступности:
- Помогает скринридерам выбрать правильное произношение
- Влияет на автоматический перевод в браузерах
- Может изменять отображение кавычек и типографики
Ограничения:
- Не изменяет фактическое поведение элемента
- Поддержка зависит от браузера и скринридера
- Не заменяет атрибут
dirдля RTL-языков
Примечание: Для максимальной совместимости указывайте основной язык документа в атрибуте lang элемента <html>, а атрибуты lang для отдельных <option> используйте только когда язык опции отличается от основного языка страницы.