Симулятор восприятия / Perception simulator
https://sergeybukharev.github.io/perceptions/ · Tools
Media
1 item
Description
Проверяйте интерфейсы через симуляции восприятия и контраст элементов — локально на текущей вкладке. Учебный инструмент для дизайнеров, разработчиков и специалистов по доступности. Он помогает проверить, как интерфейс выглядит и ощущается в разных условиях восприятия: при дальтонизме, катаракте, туннельном зрении, дислексии, треморе, состоянии опьянения и с эффектом CRT-монитора. Расширение работает только с текущей вкладкой и открывается в постоянной боковой панели Chrome. Здесь можно настроить силу эффектов, размытие, размер маски, поведение текста и параметры CRT. Также доступна пипетка для проверки контраста: выберите элемент, чтобы увидеть его цвет, видимый фон, коэффициент контрастности и соответствие WCAG AA/AAA. Проверка учитывает прозрачные слои, а для сложного или динамичного фона анализирует видимые пиксели. Главные преимущества: все расчёты и эффекты выполняются локально в браузере, данные страницы не передаются на серверы, а исходное состояние сайта возвращается одним нажатием. Интерфейс доступен на русском и английском языках, в светлой и тёмной темах.