Привет! Сегодня хотела бы поговорить о моей любимой типографике более детально, тема непростая и для самых внимательных и дотошных дизайнеров, ну а у нас тут других и нет 🙂
Если кто-то не помнит, что такое апертура, лигатура и тд, я оставила ссылку на имидж с анатомией шрифта, так будет проще разобраться.

Доброе утро! Приглашаем вас сегодня в 19:00 мск на прямой эфир канала @yavnodesign. Ася расскажет, как говорить об инклюзии, а моя тема - это продвижение дизайн-кейсов с пошаговым алгоритмом.

Вчера с Асей и Антоном разговаривали об отклике на тему цифровой доступности. Многие отстраненно и с опаской относятся к инклюзии. Нам прилетел коммент: ну и что ради 3,5 аутистов новые концепции разрабатывать?! И ответ короткий: разрабатывать нужно для всех.

Приходите, будем очень рады поболтать! 🔮

У нас эта неделя очень активная и интересная! Сегодня делимся постом Аси про скринридеры. Тема непростая, обширная, будем еще ее развивать.

Что учитывать при проектировании UI для скринридеров?

Скринридеры — это специальные программы для чтения с экрана, которые помогают незрячим пользоваться компьютером и телефоном.

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

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

Как сделать интерфейс более читаемым для скринридера?

◆ Пишите релевантные alt-text для картинок

◆ Помечайте ссылки и кнопки и делайте их информативными: не «Нажмите здесь», а «Узнайте больше о том, кто мы такие»

◆ Используйте tab-index и убедитесь, что элементы попадают в фокус в правильном порядке. Чаще всего это слева направо, сверху вниз, но в зависимости от контекста порядок чтения и группировки элементов может поменяться

◆ Используйте корректные семантические HTML-теги:
header — для шапки сайта;
nav — для навигации;
main — для основного контента;
aside — для дополнительного контента;
section — для разделения страницы на смысловые блоки;
footer — для подвала сайта

◆ Сохраняйте иерархию заголовков: соблюдайте логическую последовательность заголовков от самого крупного h1 к самому мелкому h6

Чтобы протестировать доступность получившегося экрана, попробуйте озвучить его в скринридере. На этапе проектирования это поможет сделать программа VoiceOver Designer (есть версия для iOS и macOS).

Лучше один раз увидеть своими глазами, как это работает, поэтому вот видео об этой программе от её автора — Михаила Рубанова (Mobile Head at Dodo Brands)

#заметка #гость #доступность

Недавно была встреча клуба A11y Unity Alumni. Говорили о Мотивации. Решили, что поделимся, т.к. тема касается каждого из нас.

Набросали, какие контраргументы слышим чаще всего.
– нет ресурсов, дорого, долго
– не наша аудитория, продукт b2b, для нашей аудитории не актуально, таких мало
– какой будет эффект, сколько заработаем
– не буду мешать, но и не буду помогать
– сначала сделаем, а потом накрутим доступность
– нет компетенций, надо учиться, некому лидить

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

Как мотивируем коллег
– “а ты попробуй”. Действительно, у страха глаза велики, на практике все оказывается проще.
– обогатить резюме. Специалистов со знанием accessibility на рынке сейчас довольно мало, спросите у любого менеджера.
– аудитория шире, чем люди с инвалидностью
– показываем на примерах результаты
– просвещаю, рассказываю, обучаю, демонстрирую
– требую: новые фичи не выпускаем в прод без доступности
– признак зрелости компании и люяльность пользователей
– работаем с потенциальными юридическими рисками
– мое любимое: хвалю и говорю спасибо!
– “Я буду твоим тимлидом”: мы все хотим работать с самыми самыми

И наконец, что движет каждым из нас.
– интересно: каждый раз новый опыт и задачи, узнаю мир, люблю учиться
– не могу не делать
– помогаю себе будущему, был опыт временной disability
– делаю жизнь проще/лучше, помогаю людям
– каждый имеет право на доступность
– не хочу отставать от рынка
– получаю фидбек от пользователей
– люблю учить: “Обожаю удивленные взгляды коллег, когда рассказываю про доступность”

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