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

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

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

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

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

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

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

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

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

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

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

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

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

Как говорить об инклюзии и пиарить кейсы на эту тематику?

В эту пятницу собираемся с командой @enable_design поговорить про их опыт работы над кейсом Duolingo для людей с дислексией и немаловажную часть процесса — продвижение кейса и статей.

Узнаем, как люди реагируют на эту тему, к кому лучше обращаться за помощью и так далее. Разговор хотим сделать максимально живым и непринуждённым.

Приходите задавать вопросы текстом и голосом, всех ждём!

Пятница, 08.09.2023 19:00 по МСК. Да, эфир проводим опять для самых неравнодушных) Но обязательно выложим запись 😊

#эфир #гость #анонс

Как говорить об инклюзии и цифровой доступности?

Полезный и ламповый эфир с командой @enable_design о важности инклюзии, коммуникации и смелости. Внутри факты, цифры, практические советы о продвижении кейсов и неожиданные инсайты: оказывается даже крупные компании страдают синдромом замозванца!

Ссылки на упомянутые материалы ищите в комментариях под этим постом

Спасибо всем кто пришёл или посмотрел в записи! Ваши лайки и комментарии лучший способ сказать спасибо обеим нашим командам)

#доступность #мероприятия

Домашка: разбор работ участников

Сегодня будем разбирать присланные домашки. Эфир пройдёт в канале Домашка, 12.09.2023 в 19:00 GMT+3

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

◆ На продвинутое прототипирование с супер-компонентами и анимацию от Антона;

◆ На создание своего зала славы для борьбы с синдромом самозванца от Ники;

◆ Задача на прокачку коммуникационных навыков от Оли;

◆ И наконец, на визуализацию графиков от Миши;

Кстати, на эфир позвали Александра Богачева – специалиста по визуализации данных и инфографике, дата-журналиста и автора книги «Графики, которые убеждают всех». Он даст комментарии по задачкам с графиками.

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

#анонс #задача #эфир

Дизайн, цели и апельсинки 🍊

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

◆ Пак документов для Дизайнера (ох, как бы мне хотелось увидеть этот пост, когда я сам открывал ИП)

◆ Методология по проведению ретроспективы проектов и жизни

◆ В целом, много размышлений о фрилансе, росте дизайнера и достижении целей


20 сентября выйдет наш совместный подкаст. Будем общаться на тему карьерного и бизнесового роста в дизайне (в студии и на фрилансе), проводить ретроспективу своего пути, рассказывать о саморазвитии и опыте. Приходите послушать и, при желании, подключиться. Эфир пройдёт у Даши в канале. Запись будет!

Кстати, задавайте вопросы о росте в дизайне в комментариях, будет здорово разобрать и их тоже. До встречи!

#рекомендация #антон #анонс

Как начать что-то делать: метод двадцати минут

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

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

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

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

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

Кто из вас пользуется этим методом? Или знаете аналогичные? Давайте обсудим в комментариях!

#заметка #антон #опыт

Как смотреть на найм сеньоров

Машу Троицкую и канал «Как посмотреть» наверняка многие из вас знают. Маша пишет об интересных изюминках в дизайне всего, что привлекло её внимание. Кроме того, канал ещё и личный, о собственном опыте, что мы пропагандируем и у нас.

Особенно нравится серия заметок о трудоустройстве. Знаете, я серьёзно думала, что вот у сеньоров и арт-диров уже всё проще: нет объемных тестовых, миллиона собеседований. Я ждала этого момента в своей карьере! Но Маша мне открыла глаза, подробно описав свой поиск работы аж в 5 частей, и даже показала свои тестовые. Стоит посмотреть!

Мысли о дизайне, о себе, выступления и полезные советы, и даже консультации, можно найти на канале! Советую😉

#ника #карьера #рекомендация