Что это
Скринридер — это программное обеспечение, используемое незрячими и слабовидящими людьми, которое читает содержимое страницы вслух, преобразуя текст в речь. Чтобы делать это правильно, ему нужно знать, произношение и голос какого языка использовать — французские слова с французской фонетикой, английские слова с английской фонетикой и так далее — и он получает эту информацию из атрибута lang, установленного в теге <html> страницы.
Это тот же атрибут, рассмотренный с более широкой технической и SEO точки зрения в нашем другом руководстве по атрибуту lang — здесь конкретный фокус на том, что происходит для человека, действительно полагающегося на скринридер, когда атрибут отсутствует или неверен.
Почему это важно
Без правильно установленного атрибута lang скринридеру приходится угадывать, какой язык и голос использовать, и неправильная догадка даёт по-настоящему странные, иногда непонятные результаты — например, английская страница, прочитанная вслух с иностранными правилами произношения, может превратить знакомые слова в нечто, больше не звучащее как настоящая речь. Это не мелкое неудобство для того, кто зависит от этого чтения, чтобы вообще получить доступ к вашему контенту; это может сделать страницу функционально непригодной для использования.
Этот единственный атрибут — одно из самых эффективных, наименее затратных исправлений доступности именно из-за этого разрыва между тем, насколько мало исправление (одно слово, в одном теге) и насколько полностью оно может сломать опыт пользователя скринридера, когда оно неверно.
Как это исправить
- Убедитесь, что тег
<html>включает атрибутlang, соответствующий фактическому языку страницы, например<html lang="ru">. - Для сайта с контентом на нескольких языках убедитесь, что атрибут lang каждой конкретной страницы соответствует собственному языку этой страницы, а не единому значению по умолчанию для всего сайта.
- Если конкретный раздел внутри страницы переключается на другой язык (например, процитированная фраза на другом языке), этот раздел также может иметь свой собственный атрибут
lang, хотя атрибут уровня страницы наиболее важно настроить правильно в первую очередь. - Большинство конструкторов сайтов устанавливают это автоматически на основе общей языковой настройки вашего сайта — проверьте эту настройку, а не редактируйте код напрямую, если вы на одной из этих платформ.
- Если возможно, действительно протестируйте страницу с бесплатным скринридером (например, NVDA на Windows или встроенный VoiceOver на macOS/iOS), чтобы услышать, как она читается вслух.