- PVSM.RU - https://www.pvsm.ru -

Chrome будет показывать разработчикам, как их сайты выглядят для пользователей с нарушениями зрения

Chrome будет показывать разработчикам, как их сайты выглядят для пользователей с нарушениями зрения - 1

Браузер Google Chrome запустил новый инструмент, который поможет разработчикам увидеть, как пользователи с различными нарушениями зрения воспринимают их сайты. Видеодемонстрацию нового раздела опубликовал в твиттере сотрудник Google Матиас Байнс.

Разработчики могут найти новый раздел через вкладку Developer tools (Инструменты разработчика) > More tools (Дополнительные инструменты) > Rendering > Emulate visual deficiencies и посмотреть, как их веб-сайт выглядит для людей с различными нарушениями зрения. Затем разработчик может внести изменения в код, чтобы отображался правильно.

«Узнайте, как люди с недостатками зрения воспринимают ваше веб-приложение, и решите проблемы с контрастом, о которых вы даже не подозревали», — указал Байнс [1] в своём твите.

В 2018 году Mozilla представила инструмент Accessibility Inspector [2] для браузера FireFox начиная с версии 61. В прошлом году в Firefox 70 добавились новые инструменты, включая средство проверки контрастности и симулятор дефицита цветового зрения (Color Vision Deficiency Simulator [3]).

В ноябре прошлого года Accessibe.com, компания, предоставляющая инструменты для повышения доступности веб-сайтов, опубликовала исследование, в котором говорится, что более 98% из 10 миллионов изученных веб-страниц не соответствуют рекомендациям [4] по обеспечению доступности веб-контента (WCAG). Эти рекомендации определяют, как сделать веб-контент более доступным для людей с ограниченными возможностями, включая нарушения зрения, слуха, физические, речевые, когнитивные, языковые, учебные и неврологические нарушения.

Автор: AnnieBronson

Источник [5]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/google/349333

Ссылки в тексте:

[1] указал Байнс: https://twitter.com/mathias/status/1237393102635012101

[2] Accessibility Inspector: https://www.maxability.co.in/2018/07/09/accessibility-inspector-in-firefox/

[3] Color Vision Deficiency Simulator: https://blog.mozilla.org/press/2019/10/mozillas-accessibility-inspector-helps-developers-to-make-websites-and-content-accessible-for-all/

[4] не соответствуют рекомендациям: https://accessibe.com/blog/we-analyzed-10000000-pages-and-heres-where-most-fail-with-ada-and-wcag-21-compliance

[5] Источник: https://habr.com/ru/post/492080/?utm_campaign=492080&utm_source=habrahabr&utm_medium=rss