Веб-разработчики смогут настроить отображение своих сайтов таким образом, чтобы люди со сниженной остротой зрения и проблемами цветовосприятия могли ими пользоваться.
В браузере Chrome теперь можно посмотреть, как видят контент люди с нарушениями зрения. О появлении новой функции в своем твиттер-аккаунте сообщил один из сотрудников Google Маттиас Биненс.
Нововведение предназначено в первую очередь для разработчиков. При включении специального режима просмотра в окне браузера меняются цвета и резкость изображения, что позволяет понять, как видят конкретную веб-страницу дальтоники или люди с плохим зрением. Благодаря этим данным можно настроить параметры отображения содержимого таким образом, чтобы слабовидящим было проще его воспринимать.
Многие сайты уже используют режимы для людей с проблемами со зрением, однако они покрывают далеко не все известные проблемы и патологии. Новая функция браузера Chrome дает возможность сымитировать максимально широкий спектр нарушений, а запустить ее можно на любой странице.
New accessibility feature in @ChromeDevTools: simulate vision deficiencies, including blurred vision & various types of color blindness. 🔥
Find out how people with vision deficiencies experience your web app, and resolve contrast issues you didn’t even know you had! pic.twitter.com/QKLQmEhhMM
— Mathias Bynens (@mathias) March 10, 2020
Пост Матиаса Бинена с видео, в котором показано, где найти новую функцию и как она работает / © Twitter — @matias
Разработчики могут найти новую функцию через вкладку Developer Tools («Инструменты разработчика»). Выбрав ее, нужно последовательно перейти по пунктам меню More Tools («Дополнительные инструменты»), Rendering и Emulate Visual Deficiencies.
Напомним, Google не первая компания, которая добавила в свой браузер инструменты для настройки веб-страниц под нужды слабовидящих. Средство проверки контрастности и функция имитации дефицита цветового зрения есть в браузере Firefox от Mozilla — начиная с версии 70.
Нашли опечатку? Выделите фрагмент и нажмите Ctrl + Enter.
Скопировать ссылку
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>