en<able> - о дизайне и доступности
758 subscribers
115 photos
4 videos
4 files
81 links
О дизайне с фокусом на цифровую доступность

По всем вопросам @anzhelikagerman
Download Telegram
Ux/ui дизайнер с опытом построения Ui-kitов (проектная работа)

Всем привет! Мне для одного очень интересного проекта (уверена, что вы его знаете) нужен дизайнер, который обожает свою работу, хочет положить в портфолио классный проект про здоровье, создать сначала ui-kit, потом дизайн-систему своими руками (ммм мечта!)

Мы ждем от тебя:

✦ Опыт работы с UX/UI мобильных приложений и сайтов;

✦ Разработка UI-китов, их поддержка (Figma);

✦ Системный и ответственный подход, доведение задач до конца и сдача в срок;

✦ Наличие релевантного портфолио;

✦ Софт скиллы.


Мы предлагаем:

✦ Оплата по итогам собеседования;

✦ Обогащение своего портфолио участием в крупных проектах;

✦ Полностью удалённую работу и гибкий график;

Пишите мне в личку, пожалуйста @anzhelikagerman
5
Привет! Сегодня день объявлений ))

Напомню, что сегодня будем говорить про страх в цифровой доступности: что если бизнес решит, что доступнось, это впустую потраченые деньги? А если разработка доступности будет "для галочки"?

Все подробная информация здесь. Тоже буду 💜
4
А вторая классная новость тоже связана со страхом, но моим личным )) Я выступаю на UX-марафоне. Я уже давно подписана на ребят и так была приятно удивлена, что они проводят новый марафон, посвященный цифровой доступности!

Сейчас сделаю перепост. Приглашаю вас!

Буду рассказывать немного теории, немного практики. Я считаю, что только так можно не бояться доступности и постепенно ее внедрять.
🔥63
Forwarded from UX-Марафон
​​Принципы инклюзивного дизайна
расскажет Анжелика Герман, продуктовый дизайнер и автор канала en<able> - о дизайне и доступности на UX-Марафоне про цифровую доступность

Доклад будет состоять из двух частей:

Тезисы теоретической части:
Что такое визуальная доступность
4 принципа инклюзивного дизайна
Пользовательские сценарии, которые делают продукт доступнее для людей с ограничениями по здоровью и улучшают юзабилити всех пользователей

Практическая часть:
рассмотрим взаимодействие с клавиатурой, субтитры, контрастность и цвет, технологии голосового управления и распознавания речи, доступность форм и элементов управления интерфейса

Когда: 5 октября, суббота, онлайн
Кому будет полезно: продуктовым дизайнерам, арт-директорам и всем, кто имеет отношение к созданию интерфейсов

Программа и регистрация
1🔥72
ИЛЛЮЗИЯ ДОСТУПНОСТИ

Недавно наткнулась на статью про Accessibility Widgets и была удивлена тем, сколько компаний в США занимаются их разработкой.

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

Такие решения часто оказываются не очень эффективными. Подробный анализ проблемы и отзывы пользователей можно найти в этой статье https://overlayfactsheet.com/en/

Вкратце:

- такие виджеты и плагины часто нарушают верстку сайта, делая его еще менее доступным для скринридеров;

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

Илья Лебедев, руководитель Лаборатории инклюзивных технологий при правительстве Нижегородской области, отметил:

"А самое печальное – такие решения будут предлагаться государственным структурам как простое решение для выполнения приказа Минцифры №953. Я прямо жду, когда и у кого это появится."


Илья как в воду смотрел. Недавно вышла статья, где одна студия разрабатывает специальную версию сайта для президентской платформы для талантов игровой индустрии.

С одной стороны, это выглядит как шаг к повышению доступности, но с другой — это скорее временное решение, своего рода "заплатка", а не полноценная система доступности.

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

Видео Глаши @glafirazhur на тему того, как AI-плагины ломают пользовательский опыт: https://www.youtube.com/watch?feature=shared&v=gxmrE6_vajo

Совместное видео Глаши и Никиты о плагинах для автоматического создания доступности сайта: https://www.youtube.com/live/jHjlJ7SJRU8

___

en<able> - о дизайне в A11y | Наши статьи на VC
6🤯4🔥3🤔1🤬1
Как технологии помогают незрячим школьникам подготовиться к ЕГЭ по информатике

Сегодня Яндекс проводит онлайн-конференцию про образование Yac/e.

Я выступаю модератором в беседе про Тренажер для подготовки к ЕГЭ по информатике, ребята адаптировали его для незрячих школьников, протестировали и будут дальше развивать. Затронем и ИИ, конечно, интересная фича, которая помогает не напрямую, а подсказывает и направляет.

А еще я наконец вживую увиделась с Анатолием Попко, руководителем группы невизуального тестирования в Яндексе, и Василиной Дрогичинской, менеджером стратегических проектов в сфере устойчивого развития Яндекса. Ребята 💜

Приходите сегодня на эфир, мы начинаем в 14:30.

Ссылка на трансляцию https://yace.yandex.ru
11🔥2
С чего начинается инклюзия? Коротко о главном

3 декабря — Международный день людей с инвалидностью. А ещё это повод напомнить, что инклюзия начинается с отношения к человеку и того, какую среду мы создаём вокруг.

В карточках собрали принципы, которые считаются основой современной инклюзии во всём мире. Не только сегодня, но и каждый день.

Alt-текст: Карточка 1 — «Сначала люди» (People-first). Уважение начинается с корректного языка. В первую очередь человек, и только потом его состояние здоровья. Поэтому мы говорим «человек с инвалидностью», «человек с особенностями зрения» или «незрячий человек». Важно всегда добавлять слово «человек», чтобы определение оставалось прилагательным, а не заменяло существительное.


Карточка 2 — «Ничего о нас без нас» (Nothing about us without us). Если какое-то решение касается человека с особенностями здоровья — он должен участвовать в обсуждении.
Бессмысленно проектировать сервисы или организовывать мероприятия, не спросив тех, кому они нужны. Важно делать вместе с людьми, а не за них.

Карточка 3 — «Барьеры создаёт среда, а не человек» (The environment creates barriers, not people). Нет ограниченных возможностей, есть ограничивающая среда. Барьеры — это лестницы, неясные формулировки, видео без субтитров и недоступный сайт. Важно менять среду, интерфейсы и коммуникацию, а не пытаться «исправлять» человека.


Какой принцип вам нравится больше всего?

❤️ — сначала люди
🔥 — ничего о нас без нас
🦾 — барьеры создаёт среда, а не человек

Подписывайтесь 🦾 @yandex_inclusion
🔥7👍1
Этим постом Яндекс Инклюзии я хочу возобновить ведение канала. Сегодня день не для торжественных поздравлений, а для напоминания, почему мы все здесь - улучшить цифровую доступность, насколько возможно в наших силах.

Накопила я так много материалов по дизайну в a11y, ai+a11y, что собираю их все на своем сайте. Опубликую ссылку на следующей неделе.

Здесь будут небольшие изменения, много будет и про дизайн в целом. Очень хочется делиться, хочется профессиональной поддержки, споров и всего такого. Как видите, текст написан не ии ))
12👍2
Также я бы очень хотела поддержать проект моей дорогой Светы Бондаренко @allyinforu. Все, кто знают Свету @bonnysveta, удивляются ее юмору, упорству, храбрости и невероятной экспертизе.

Сейчас сделаю перепост канала Ally, почитайте, может вам захочется внести какой-то ресурс, которого мы не знаем, все предложения очень велком 💜
3
Forwarded from allyinfo.ru
Привет!
Рада сообщить о долгожданном запуске проекта Allyinfo!

Allyinfo — это каталог, где мы собрали всё самое важное и полезное о том, как сделать интернет доступным для каждого. Здесь вы найдёте материалы, которые помогут создавать сайты и приложения, удобные для всех пользователей, независимо от их возможностей.

https://allyinfo.ru

У нас есть специальная форма «Предложить материал». Если вы нашли полезную статью, написали руководство или знаете интересный ресурс по доступности — поделитесь им с сообществом! Вместе мы сможем собрать самую полную и полезную библиотеку материалов по цифровой доступности.
13
Всем привет! 5 апреля был день рождения у Леры Курмак 💜

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

Желаю тебе много сил, любви и поддержки твоих людей 💜

Поздравить Леру и почитать ее пост про смерть, инклюзию и принятие себя - тык
14
Субтитры, «Очень странные дела» и D&D

В продолжении потрясной короткометражки от Дяди Вани хочу рассказать про то, как субтитры помогают людям с потерей слуха прожить историю так же полно, как и слышащие зрители.

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

За субтитрами SDH (субтитры для глухих и слабослышащих) к сериалу «Очень странные дела» стоит Джефф Т., который придумал «[eldritch thrumming]» - [потустороннее гудение].

[Потустороннее гудение] - хороший субтитр. Слово eldritch — из словаря D&D и старой готики: что-то потустороннее, древнее и угрожающее. Джефф вставил его как пасхалку: это ещё и название заклинания чернокнижника. Звук сразу обретает характер существа.


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


Для дизайнеров важное про паттерны цифровой доступности: каждый звук в интерфейсе несёт смысл — и если пользователь его не слышит, этот смысл должен быть передан визуально:

✦ Субтитры включены по умолчанию, а не спрятаны в настройках.

✦ Настраиваемые параметры: шрифт, размер, цвет текста и фона — пользователь сам выбирает под своё зрение.

✦ Визуальные уведомления вместо звука: popups не исчезают сами собой.

✦ Пропущенные события не исчезают сами: бейджи и счётчики остаются видны до явного подтверждения пользователем.

✦ Ошибка, успех, загрузка передаётся цветом, иконкой и текстом одновременно.

✦ Текст состояния конкретный: не «Ошибка», а «Не удалось отправить сообщение — проверьте соединение» (актуалочка подъехала).

Alt текст: Скриншот из «Очень странных дел»: тёмно-синяя сцена, в центре кадра — Векна, гуманоидная фигура с кожей, покрытой прожилками, окружённая длинными органическими щупальцами. Внизу экрана белый субтитр на чёрном фоне: [tentacles squelching wetly] [щупальца хлюпают мокро] — пример профессионального SDH-субтитра, описывающего звук, а не просто называющего его.
❤‍🔥633🕊1