Я объясняла, что такое доступный дизайн, наверное, сто раз. Статьями, на созвонах, в комментариях. Люди кивают, соглашаются — и через неделю снова выкатывают серую кнопку на сером фоне.

И я поняла: доступность невозможно понять головой. Её можно только почувствовать. А пока проблема не твоя — ты её не чувствуешь.

Поэтому я перестала объяснять словами и сделала штуку.

Это обычная карточка товара — рюкзак, цена, скидка, кнопка «купить». Выглядит понятно. Понятно, потому что ты смотришь на неё своими глазами. А рядом переключатель: дальтонизм, катаракта, туннельное зрение, дислексия, тремор. Нажимаешь — и карточка ломается прямо на глазах. Серый текст исчезает. Красная скидка сливается с зелёным «в наличии». Кнопка убегает от курсора, и в неё невозможно попасть.

Под каждым состоянием — короткий разбор: что сломалось, почему и как лечится.

Это не замена тестам с живыми людьми, ничто их не заменит. Но один раз почувствовав, как кнопка убегает от твоей руки, ты уже не забудешь, зачем нужны крупные кликабельные зоны.

Попробуй сам, открывается в браузере, ставить ничего не надо: https://viktoriafilippova.github.io/perception-simulato/

А саму тему более подробно разобрала в статье на Хабре https://habr.com/p/1055012/ Симулятор восприятия: три секунды побыть тем, кто не видит вашу кнопку

Какой режим сломал твой привычный взгляд сильнее всего? 👇