про ux-редактора и accessibility

ужасно радуюсь, когда вижу юикс-редактора — эксперта на конференции или митапе (особенно, если это митап не про юикс-редактуру)

вчера слушала выступление Вики Шаминой из Альфы про цифровую доступность интерфейсов: она рассказывала, как из одной задачи «проверить текст для банкоматов» родился большой интерес к теме a11y

если захотите, можно купить доступ к записям UX-марафона, а так вот цимес — 5 несложных правил для инклюзивных текстов:

😀принцип people first language или человек ≠ его диагноз

это правило можно трактовать по разному, но для меня оно — градообразующее по нескольким причинам. эмпатия, которую мы кладём в основу работы, включается только если осознаешь, что на той стороне — человек. с физическими ограничениями, или дисграфией, или сломанной рукой, или в состоянии глубокой депрессии, или просто в (на) очень плохом дне. доступность интерфейса должна работать и с постоянными, и с временными ограничениями — то есть она актуальна буквально для каждого из нас в определенный момент его жизни. у меня такой момент был во время проверки внутриглазного давления: мне закапали капли и отпустили домой — вот только не сказали, что после этих капель я вместо привычной картинки буду видеть цветные пятна. такси вызвать не смогла, домой шла пешком и очень медленно, через два часа была счастлива вернуться к своей привычной жизни в высоком разрешении

😀фокус на решении, а не на проблеме 😀спектакль для незрячих 😀спектакль с тифлокомментариями (это когда озвучиваются не только реплики, но и всё, что происходит)

здесь интересно, что в первом случае, говоря «спектакль для незрячих» мы не говорим ничего. что это значит для людей с нарушением зрения? или для тех, кто видит хорошо? ноль контекста

😀корректные альт-тексты

здесь два основных правила — не игнорировать альт-тексты в принципе и не писать в них слово «изображение», скринридер прочтёт его и так

когда меня учили писать альт-тексты, говорили «если появится битая картинка, без альта будет некрасиво». стыд-позор, конечно, давайте забудем это пояснение навсегда

😀конкретика в названии ссылок и кнопок

пусть станет для вас дополнительным аргументом, если кто-то требует, чтобы ссылка называлась «подробнее»

😀экраны ошибок и успеха должны озвучиваться

легкозапоминающийся пример: наверняка, видели формы регистрации, в которых рамка неправильно заполненного поля становится красной — а теперь представьте, что пользователь не различает цвета

текстовая подсказка под нужным полем с переменной в этом смысле гораздо надёжнее

P. S. а текст экрана банкомата написали для тех, кто торопится и заглядывает через плечо. получилось так: перед вами человек с нарушением зрения. пожалуйста, не торопите его 💛