0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Интервью</a></p>
1
<p><a>#Интервью</a></p>
2
<ul><li>7 окт 2021</li>
2
<ul><li>7 окт 2021</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><h2>"Версия для слабовидящих - это один большой недостаток"</h2>
4
</ul><h2>"Версия для слабовидящих - это один большой недостаток"</h2>
5
<p>Валерия Курмак рассказывает о тандеме дизайнера и разработчика, проблемах коммуникации и об инклюзивном дизайне в России.</p>
5
<p>Валерия Курмак рассказывает о тандеме дизайнера и разработчика, проблемах коммуникации и об инклюзивном дизайне в России.</p>
6
<p>Дима Руденок для Skillbox Media</p>
6
<p>Дима Руденок для Skillbox Media</p>
7
<p>Вымирающий вид - филолог. Любимый дизайн-проект - "Синий дом" Фриды Кало.</p>
7
<p>Вымирающий вид - филолог. Любимый дизайн-проект - "Синий дом" Фриды Кало.</p>
8
<p>Поговорили с Валерией о том, какое место в мировой и российской повестке занимает доступность интерфейсов для людей с инвалидностью, насколько в этом процессе важна роль дизайнера и как он может влиять на продукт своей компании.</p>
8
<p>Поговорили с Валерией о том, какое место в мировой и российской повестке занимает доступность интерфейсов для людей с инвалидностью, насколько в этом процессе важна роль дизайнера и как он может влиять на продукт своей компании.</p>
9
<p>Из интервью вы узнаете:</p>
9
<p>Из интервью вы узнаете:</p>
10
<ul><li>почему следует<a>придерживаться российского ГОСТа</a>при проектировании интерфейса;</li>
10
<ul><li>почему следует<a>придерживаться российского ГОСТа</a>при проектировании интерфейса;</li>
11
<li>как найти<a>золотую середину</a>между удобством и красотой интерфейса;</li>
11
<li>как найти<a>золотую середину</a>между удобством и красотой интерфейса;</li>
12
<li>как должны взаимодействовать<a>дизайнер и разработчик</a>;</li>
12
<li>как должны взаимодействовать<a>дизайнер и разработчик</a>;</li>
13
<li><a>какие ошибки допускают дизайнеры</a>при проектировании доступного интерфейса.</li>
13
<li><a>какие ошибки допускают дизайнеры</a>при проектировании доступного интерфейса.</li>
14
</ul><p><strong>- Что такое "инклюзивный дизайн"?</strong></p>
14
</ul><p><strong>- Что такое "инклюзивный дизайн"?</strong></p>
15
<p>- Inclusion с английского - включение. Когда мы создаём интерфейс чего угодно, можно либо включить человека в число потенциальных пользователей, либо исключить его. Инклюзивный дизайн подразумевает проектирование чего-либо с учётом потребностей разных людей.</p>
15
<p>- Inclusion с английского - включение. Когда мы создаём интерфейс чего угодно, можно либо включить человека в число потенциальных пользователей, либо исключить его. Инклюзивный дизайн подразумевает проектирование чего-либо с учётом потребностей разных людей.</p>
16
<p>Исключить можно кого угодно, поэтому мы говорим не только о людях с инвалидностью, а обо всех. Например, был довольно громкий скандал из-за мыльных дозаторов в туалетах Facebook*. Датчики не сработали на руку афроамериканца и не дали ему мыло. Зато среагировали на белую салфетку и на белую кожу коллеги этого афроамериканца. Это пример, когда людей исключают по цвету кожи, пусть и из-за инженерной ошибки.</p>
16
<p>Исключить можно кого угодно, поэтому мы говорим не только о людях с инвалидностью, а обо всех. Например, был довольно громкий скандал из-за мыльных дозаторов в туалетах Facebook*. Датчики не сработали на руку афроамериканца и не дали ему мыло. Зато среагировали на белую салфетку и на белую кожу коллеги этого афроамериканца. Это пример, когда людей исключают по цвету кожи, пусть и из-за инженерной ошибки.</p>
17
<p><strong>- Зачем люди занимаются инклюзивным дизайном? Что это даёт?</strong></p>
17
<p><strong>- Зачем люди занимаются инклюзивным дизайном? Что это даёт?</strong></p>
18
<p>- Здесь речь идёт в том числе о справедливости и равенстве. И для кого-то этого аргумента вполне достаточно.</p>
18
<p>- Здесь речь идёт в том числе о справедливости и равенстве. И для кого-то этого аргумента вполне достаточно.</p>
19
<p>Кому-то нужна более широкая аудитория потребителей. Чем больше у продукта нестандартных или экстремальных сценариев, тем больше людей вы включаете в свою аудиторию. Например, если у входа в здание есть пандус для человека на коляске - значит, в здание попадёт и женщина с детской коляской, и рабочий с грузовой тележкой.</p>
19
<p>Кому-то нужна более широкая аудитория потребителей. Чем больше у продукта нестандартных или экстремальных сценариев, тем больше людей вы включаете в свою аудиторию. Например, если у входа в здание есть пандус для человека на коляске - значит, в здание попадёт и женщина с детской коляской, и рабочий с грузовой тележкой.</p>
20
<p>Да кого-то аргумент - требования законодательства. Для кого-то - суды.</p>
20
<p>Да кого-то аргумент - требования законодательства. Для кого-то - суды.</p>
21
<p><strong>- В России есть законы, обязывающие учитывать потребности людей с инвалидностью?</strong></p>
21
<p><strong>- В России есть законы, обязывающие учитывать потребности людей с инвалидностью?</strong></p>
22
<p>- В 2016 году в России вступил в силу федеральный закон, он установил правовые аспекты для создания в стране безбарьерной среды для людей с инвалидностью. Его ноги растут ещё с десятых годов - от ратификации положений Конвенции ООН о правах инвалидов. Этот закон подразумевает, что все госсервисы - транспорт, медицина, образование и другие - должны быть доступны для людей с инвалидностью.</p>
22
<p>- В 2016 году в России вступил в силу федеральный закон, он установил правовые аспекты для создания в стране безбарьерной среды для людей с инвалидностью. Его ноги растут ещё с десятых годов - от ратификации положений Конвенции ООН о правах инвалидов. Этот закон подразумевает, что все госсервисы - транспорт, медицина, образование и другие - должны быть доступны для людей с инвалидностью.</p>
23
<p>Возможно, я слишком тесно связана с дизайном. Но если посмотреть, с 2016 года в Москве действительно сильно изменилась физическая среда. Тактильные кнопки, тактильные надписи, служба сопровождения в транспорте. В музеях сегодня внедряется много инклюзивных программ. Это всё очень хорошо.</p>
23
<p>Возможно, я слишком тесно связана с дизайном. Но если посмотреть, с 2016 года в Москве действительно сильно изменилась физическая среда. Тактильные кнопки, тактильные надписи, служба сопровождения в транспорте. В музеях сегодня внедряется много инклюзивных программ. Это всё очень хорошо.</p>
24
<p><strong>- Как это влияет на доступность интерфейсов и цифровой среды?</strong></p>
24
<p><strong>- Как это влияет на доступность интерфейсов и цифровой среды?</strong></p>
25
<p>- В России с этим дела обстоят пока не очень хорошо. Наиболее продвинута, пожалуй, банковская сфера. Но она в принципе опережает остальные не только в плане цифровизации, но и в плане юзабилити. Одна из причин, почему банкинг так ушёл вперёд, - инициатива Центрального банка создать рейтинг доступности мобильных приложений. ЦБ всячески мотивирует и двигает тему доступности. Эти действия приводят к тому, что развивается целый сектор.</p>
25
<p>- В России с этим дела обстоят пока не очень хорошо. Наиболее продвинута, пожалуй, банковская сфера. Но она в принципе опережает остальные не только в плане цифровизации, но и в плане юзабилити. Одна из причин, почему банкинг так ушёл вперёд, - инициатива Центрального банка создать рейтинг доступности мобильных приложений. ЦБ всячески мотивирует и двигает тему доступности. Эти действия приводят к тому, что развивается целый сектор.</p>
26
Пример удобного адаптива с возможностью масштабирования и увеличением всех элементов до 200%. Изображение: "<a>Сбер</a>"<p>Если не брать точечно какие-то сайты и приложения, где работают над доступностью продуктов, все остальные сферы очень отстают. Например, среди сильно отстающих - e-commerce.</p>
26
Пример удобного адаптива с возможностью масштабирования и увеличением всех элементов до 200%. Изображение: "<a>Сбер</a>"<p>Если не брать точечно какие-то сайты и приложения, где работают над доступностью продуктов, все остальные сферы очень отстают. Например, среди сильно отстающих - e-commerce.</p>
27
<p><strong>- Есть ли в России стандарты, регламентирующие требования к доступности интерфейсов, приложений?</strong></p>
27
<p><strong>- Есть ли в России стандарты, регламентирующие требования к доступности интерфейсов, приложений?</strong></p>
28
<p>- Раньше в России был ГОСТ, нормирующий исключительно версию для слабовидящих. Его последняя версия вышла 1 апреля 2020 года, и там уже нет никаких отдельных требований для слабовидящих - она включает всех людей.</p>
28
<p>- Раньше в России был ГОСТ, нормирующий исключительно версию для слабовидящих. Его последняя версия вышла 1 апреля 2020 года, и там уже нет никаких отдельных требований для слабовидящих - она включает всех людей.</p>
29
<p>Последний ГОСТ учитывает возможности людей слабовидящих, незрячих, с нарушениями моторики, слуха. Если человек не слышит, должно быть альтернативное представление аудиоконтента: расшифровка, титры. Если не видит - возможность взаимодействовать с интерфейсом с помощью программы экранного доступа, которая зачитывает всё, что есть на экране. Если у человека нет руки, то у него должна быть возможность управлять компьютером не с помощью мышки, а с помощью клавиатуры. При любом сценарии сайт должен отзываться и работать корректно.</p>
29
<p>Последний ГОСТ учитывает возможности людей слабовидящих, незрячих, с нарушениями моторики, слуха. Если человек не слышит, должно быть альтернативное представление аудиоконтента: расшифровка, титры. Если не видит - возможность взаимодействовать с интерфейсом с помощью программы экранного доступа, которая зачитывает всё, что есть на экране. Если у человека нет руки, то у него должна быть возможность управлять компьютером не с помощью мышки, а с помощью клавиатуры. При любом сценарии сайт должен отзываться и работать корректно.</p>
30
<p>По сути, это перевод международного стандарта WСAG, поэтому нужно опираться на него.</p>
30
<p>По сути, это перевод международного стандарта WСAG, поэтому нужно опираться на него.</p>
31
<p><strong>- А что не так с версией для слабовидящих?</strong></p>
31
<p><strong>- А что не так с версией для слабовидящих?</strong></p>
32
<p>- Версия для слабовидящих - это довольно плохая идея, один большой недостаток и дискриминация. Во-первых, она не учитывает потребности всех людей с нарушениями зрения, а среди них ещё незрячие, дальтоники, дислексики. Во-вторых, она решает за пользователя, что ему видеть, а что нет, - удаляет блоки и меняет оформление на какой-то сумбур. Интерфейс для людей с нарушениями зрения создаётся через обычные настройки адаптива, шрифта, контрастности и осмысленное заполнение Alt. Если всё это сделать, отдельная версия просто не понадобится.</p>
32
<p>- Версия для слабовидящих - это довольно плохая идея, один большой недостаток и дискриминация. Во-первых, она не учитывает потребности всех людей с нарушениями зрения, а среди них ещё незрячие, дальтоники, дислексики. Во-вторых, она решает за пользователя, что ему видеть, а что нет, - удаляет блоки и меняет оформление на какой-то сумбур. Интерфейс для людей с нарушениями зрения создаётся через обычные настройки адаптива, шрифта, контрастности и осмысленное заполнение Alt. Если всё это сделать, отдельная версия просто не понадобится.</p>
33
<p><strong>- Как в мире ситуация с инклюзивным дизайном?</strong></p>
33
<p><strong>- Как в мире ситуация с инклюзивным дизайном?</strong></p>
34
<p>- В мире ситуация чуть получше, но не колоссально. Штука в том, что есть зависимость: чем больше прошло времени с принятия соответствующего закона и чем больше людей с инвалидностью отстаивают свои права, тем выше уровень доступности.</p>
34
<p>- В мире ситуация чуть получше, но не колоссально. Штука в том, что есть зависимость: чем больше прошло времени с принятия соответствующего закона и чем больше людей с инвалидностью отстаивают свои права, тем выше уровень доступности.</p>
35
<p>Идея, что где-то есть волшебный мир, где все эмпатичны и создают инклюзивное пространство просто так, - идеалистическая.</p>
35
<p>Идея, что где-то есть волшебный мир, где все эмпатичны и создают инклюзивное пространство просто так, - идеалистическая.</p>
36
<p>Если брать Америку как вполне передовую в этом смысле страну, история появления доступности там тоже не была волшебной. Люди слезли с колясок и поползли вверх по ступеням Капитолия, показывая, насколько страна недоступна для людей с инвалидностью.</p>
36
<p>Если брать Америку как вполне передовую в этом смысле страну, история появления доступности там тоже не была волшебной. Люди слезли с колясок и поползли вверх по ступеням Капитолия, показывая, насколько страна недоступна для людей с инвалидностью.</p>
37
<p>Также в Америке действует закон, по которому компания не может поставлять оборудование на огромный рынок институтов и университетов, если оно не инклюзивно. Очевидно, что в этой стране гораздо больше инклюзии.</p>
37
<p>Также в Америке действует закон, по которому компания не может поставлять оборудование на огромный рынок институтов и университетов, если оно не инклюзивно. Очевидно, что в этой стране гораздо больше инклюзии.</p>
38
<p>Но на более бытовом уровне мало что изменилось. Была заметка, что во время последних президентских выборов в Америке сайты претендентов на пост были недоступны для незрячих людей. Хотя такого не должно быть и с законодательной точки зрения, и тем более с политической.</p>
38
<p>Но на более бытовом уровне мало что изменилось. Была заметка, что во время последних президентских выборов в Америке сайты претендентов на пост были недоступны для незрячих людей. Хотя такого не должно быть и с законодательной точки зрения, и тем более с политической.</p>
39
<p>Нет ни одного места, где всё идеально и прекрасно. Я не хочу создать трагический ореол вокруг этой темы, но у каждого из нас своя жизнь и голова забита большим количеством проблем. Мне кажется, задача людей, которые занимаются этой темой, - всячески популяризировать её, а задача людей с инвалидностью - обращать внимание на свои потребности.</p>
39
<p>Нет ни одного места, где всё идеально и прекрасно. Я не хочу создать трагический ореол вокруг этой темы, но у каждого из нас своя жизнь и голова забита большим количеством проблем. Мне кажется, задача людей, которые занимаются этой темой, - всячески популяризировать её, а задача людей с инвалидностью - обращать внимание на свои потребности.</p>
40
<p><strong>- Что делать дизайнеру, если топ-менеджменту или заказчику всё равно, доступный ли интерфейс?</strong></p>
40
<p><strong>- Что делать дизайнеру, если топ-менеджменту или заказчику всё равно, доступный ли интерфейс?</strong></p>
41
<p>- Нужно просто хорошо делать свою работу. Я не считаю, что дизайнер вообще должен спрашивать у руководства, нужно ли ему заниматься доступностью интерфейса. Чтобы сделать контрастный шрифт или хороший UX, дизайнер не пойдёт к начальнику обсуждать, можно ли ему сделать контрастный шрифт и хороший UX. Да никому такое в голову не придёт! Тут то же самое.</p>
41
<p>- Нужно просто хорошо делать свою работу. Я не считаю, что дизайнер вообще должен спрашивать у руководства, нужно ли ему заниматься доступностью интерфейса. Чтобы сделать контрастный шрифт или хороший UX, дизайнер не пойдёт к начальнику обсуждать, можно ли ему сделать контрастный шрифт и хороший UX. Да никому такое в голову не придёт! Тут то же самое.</p>
42
<p>Здесь проблема не в том, что дизайнер должен что-то согласовывать с топ-менеджментом или заказчиком. Нередко дизайнеры сами не знают, как они могут влиять на доступность, и им кажется, что они должны с кем-то что-то там ходить обсуждать.</p>
42
<p>Здесь проблема не в том, что дизайнер должен что-то согласовывать с топ-менеджментом или заказчиком. Нередко дизайнеры сами не знают, как они могут влиять на доступность, и им кажется, что они должны с кем-то что-то там ходить обсуждать.</p>
43
<p>Если дизайнер знает, как он влияет на доступность, он способен сам делать классные интерфейсы.</p>
43
<p>Если дизайнер знает, как он влияет на доступность, он способен сам делать классные интерфейсы.</p>
44
<p><strong>- Как найти золотую середину между тем, чтобы сделать красиво и удобно?</strong></p>
44
<p><strong>- Как найти золотую середину между тем, чтобы сделать красиво и удобно?</strong></p>
45
<p>- В 2016 году я читала свою первую лекцию по инклюзивному дизайну в SberTech. Тогда дизайнеры задали мне этот же вопрос. Мы решили провести эксперимент.</p>
45
<p>- В 2016 году я читала свою первую лекцию по инклюзивному дизайну в SberTech. Тогда дизайнеры задали мне этот же вопрос. Мы решили провести эксперимент.</p>
46
<p>У одного из студентов было задание сделать интерфейс. Вместе с ним мы попробовали подтянуть на экранах цвета до требований контрастности WCAG. И вуаля! Интерфейс стал более красивым. Поэтому все эти разговоры, что нельзя сделать что-то доступным и красивым, - они из серии, когда лучше не разговаривать, а переходить сразу к делу.</p>
46
<p>У одного из студентов было задание сделать интерфейс. Вместе с ним мы попробовали подтянуть на экранах цвета до требований контрастности WCAG. И вуаля! Интерфейс стал более красивым. Поэтому все эти разговоры, что нельзя сделать что-то доступным и красивым, - они из серии, когда лучше не разговаривать, а переходить сразу к делу.</p>
47
Изображение: Skillbox Media<p>Была недавно в Музее Гуггенхайма в Нью-Йорке. Это многоэтажное здание, внутри которого нет лестниц - оно идёт по спирали. Здание прекрасно как внешне, так и внутри. Это ещё один пример того, что, если у человека есть талант, он всё что угодно может сделать красивым, доступным и инклюзивным. А если его нет, то отговорки остаются отговорками.</p>
47
Изображение: Skillbox Media<p>Была недавно в Музее Гуггенхайма в Нью-Йорке. Это многоэтажное здание, внутри которого нет лестниц - оно идёт по спирали. Здание прекрасно как внешне, так и внутри. Это ещё один пример того, что, если у человека есть талант, он всё что угодно может сделать красивым, доступным и инклюзивным. А если его нет, то отговорки остаются отговорками.</p>
48
Музей Гуггенхайма в Нью-Йорке. Видео: Валерия Курмак<p><strong>- Как стоит организовать процесс по созданию доступного интерфейса?</strong></p>
48
Музей Гуггенхайма в Нью-Йорке. Видео: Валерия Курмак<p><strong>- Как стоит организовать процесс по созданию доступного интерфейса?</strong></p>
49
<p>- На начальном этапе разработки продукта команда должна сразу подумать, как его будут использовать слабовидящие, люди с дальтонизмом. Как человек с нарушением слуха свяжется с магазином, как потом с ним свяжется курьер? Лучше всего поговорить с этими людьми, чтобы не придумывать за них.</p>
49
<p>- На начальном этапе разработки продукта команда должна сразу подумать, как его будут использовать слабовидящие, люди с дальтонизмом. Как человек с нарушением слуха свяжется с магазином, как потом с ним свяжется курьер? Лучше всего поговорить с этими людьми, чтобы не придумывать за них.</p>
50
<p>Хотя в большей степени пользовательский опыт незрячих определяется разработчиками, дизайнеры тоже на него влияют. Например, чтобы зрячий человек понимал, с чем взаимодействует, иконка в интерфейсе должна содержать образ. Для незрячего человека нужно добавить подпись. Если у вас есть иконка "корзины", то незрячий человек должен услышать: "Корзина, кнопка".</p>
50
<p>Хотя в большей степени пользовательский опыт незрячих определяется разработчиками, дизайнеры тоже на него влияют. Например, чтобы зрячий человек понимал, с чем взаимодействует, иконка в интерфейсе должна содержать образ. Для незрячего человека нужно добавить подпись. Если у вас есть иконка "корзины", то незрячий человек должен услышать: "Корзина, кнопка".</p>
51
<p>Если дизайнер не сделал подпись к элементу, разработчик может додумать её сам. Но проблема в том, что он не всегда знает, какую метафору с помощью этого элемента хотел передать дизайнер. Тогда может случиться конфликт.</p>
51
<p>Если дизайнер не сделал подпись к элементу, разработчик может додумать её сам. Но проблема в том, что он не всегда знает, какую метафору с помощью этого элемента хотел передать дизайнер. Тогда может случиться конфликт.</p>
52
<p>Предположим, я хочу показать, как одну и ту же фотографию футболистов видят нейротипичный человек и дальтоник. Если разработчик не поймёт, что я показываю разницу в восприятии цвета у разных людей, он может подписать иллюстрацию просто: "Футболисты". Тогда незрячий человек никогда не узнает, что я хотела сказать.</p>
52
<p>Предположим, я хочу показать, как одну и ту же фотографию футболистов видят нейротипичный человек и дальтоник. Если разработчик не поймёт, что я показываю разницу в восприятии цвета у разных людей, он может подписать иллюстрацию просто: "Футболисты". Тогда незрячий человек никогда не узнает, что я хотела сказать.</p>
53
<p>При разработке интерфейса очень важен тандем дизайнера с разработчиком. Эти два человека должны вместе плотно работать и общаться, потому что могут сильно поддерживать друг друга, в том числе знаниями.</p>
53
<p>При разработке интерфейса очень важен тандем дизайнера с разработчиком. Эти два человека должны вместе плотно работать и общаться, потому что могут сильно поддерживать друг друга, в том числе знаниями.</p>
54
<p>Тестирование - тоже довольно важная часть. Очень важно, чтобы интерфейсы тестировались реальными пользователями с реальными потребностями. А иначе пользоваться ими будет сложно или вовсе невозможно.</p>
54
<p>Тестирование - тоже довольно важная часть. Очень важно, чтобы интерфейсы тестировались реальными пользователями с реальными потребностями. А иначе пользоваться ими будет сложно или вовсе невозможно.</p>
55
<p><strong>- Как должна выглядеть коммуникация дизайнера и разработчика?</strong></p>
55
<p><strong>- Как должна выглядеть коммуникация дизайнера и разработчика?</strong></p>
56
<p>- На историю взаимодействия дизайнера и разработчика мы довольно случайно наткнулись на первом потоке моего курса. Для нас стало большой неожиданностью, что вопрос коммуникации между ними - весьма болезненный. Кстати, тогда речь зашла в целом об обратной связи в российской культуре. И пришлось признать, что нас особо никто не учит этому, и мы не очень умеем её давать.</p>
56
<p>- На историю взаимодействия дизайнера и разработчика мы довольно случайно наткнулись на первом потоке моего курса. Для нас стало большой неожиданностью, что вопрос коммуникации между ними - весьма болезненный. Кстати, тогда речь зашла в целом об обратной связи в российской культуре. И пришлось признать, что нас особо никто не учит этому, и мы не очень умеем её давать.</p>
57
<p>Мы выявили, что разработчик и дизайнер вообще не очень много общаются между собой. А в идеальном мире это должен быть тандем, в котором нет ТЗ дизайнера в стиле "А ну-ка делай", а есть обсуждение его макета. И разработчик даёт обратную связь дизайнеру в духе: "Смотри, друг, у тебя тут такие закругления, а тут такие. Я могу это сделать, но буду кодить часов пять, и очень сложно это сделать доступно. Если ты поменяешь закругления на вот такие, разработка займёт пять минут, и будет супердоступно".</p>
57
<p>Мы выявили, что разработчик и дизайнер вообще не очень много общаются между собой. А в идеальном мире это должен быть тандем, в котором нет ТЗ дизайнера в стиле "А ну-ка делай", а есть обсуждение его макета. И разработчик даёт обратную связь дизайнеру в духе: "Смотри, друг, у тебя тут такие закругления, а тут такие. Я могу это сделать, но буду кодить часов пять, и очень сложно это сделать доступно. Если ты поменяешь закругления на вот такие, разработка займёт пять минут, и будет супердоступно".</p>
58
<p>Из-за того, дизайнер не разговаривает с разработчиком и считает, что тот обязан делать всё строго по ТЗ, у нас страдают пользователи.</p>
58
<p>Из-за того, дизайнер не разговаривает с разработчиком и считает, что тот обязан делать всё строго по ТЗ, у нас страдают пользователи.</p>
59
<p>Всё, что я говорю, - это не только про инклюзивный дизайн. Это про общую доступность. Нормальный контрастный шрифт нужен всем. Но эти базовые вещи приводят к тому, что если кому-то просто неудобно, то люди с инвалидностью не могут пользоваться интерфейсом совсем.</p>
59
<p>Всё, что я говорю, - это не только про инклюзивный дизайн. Это про общую доступность. Нормальный контрастный шрифт нужен всем. Но эти базовые вещи приводят к тому, что если кому-то просто неудобно, то люди с инвалидностью не могут пользоваться интерфейсом совсем.</p>
60
<p><strong>- О каких критериях доступности дизайнеры забывают, когда работают над интерфейсом?</strong></p>
60
<p><strong>- О каких критериях доступности дизайнеры забывают, когда работают над интерфейсом?</strong></p>
61
<p>- Незрячие пользователи используют для взаимодействия с интерфейсом скринридер. Если адрес ссылки не завёрстан в текст, скринридер будет читать ему всю строку: "Аш-ти-ти-пи…" и дальше. Это грязь и мусор на странице, который не нужен вообще никому. А уж когда это будет читаться вслух… Но даже когда незрячий человек нажимает "Далее по ссылке" или "Нажмите здесь", этот текст не говорит ему, что произойдёт дальше, после клика. Любые кнопка и ссылка должны явно говорить, что произойдёт после взаимодействия с ними. Сравните: "Получить перечень документов для оформления загранпаспорта", "Продолжить регистрацию".</p>
61
<p>- Незрячие пользователи используют для взаимодействия с интерфейсом скринридер. Если адрес ссылки не завёрстан в текст, скринридер будет читать ему всю строку: "Аш-ти-ти-пи…" и дальше. Это грязь и мусор на странице, который не нужен вообще никому. А уж когда это будет читаться вслух… Но даже когда незрячий человек нажимает "Далее по ссылке" или "Нажмите здесь", этот текст не говорит ему, что произойдёт дальше, после клика. Любые кнопка и ссылка должны явно говорить, что произойдёт после взаимодействия с ними. Сравните: "Получить перечень документов для оформления загранпаспорта", "Продолжить регистрацию".</p>
62
<p>Ещё для дизайнеров серый цвет на сером фоне - будто из разряда "секси". Этот текст невозможно читать не только слабовидящему, но и человеку без нарушений зрения.</p>
62
<p>Ещё для дизайнеров серый цвет на сером фоне - будто из разряда "секси". Этот текст невозможно читать не только слабовидящему, но и человеку без нарушений зрения.</p>
63
Текст серого цвета на сайте Apple. Его невозможно читать не только слабовидящему, но и человеку без нарушений зрения. Скриншот: сайт<a>Apple</a><p><strong>- Как дизайнеру узнать об инклюзивном дизайне?</strong></p>
63
Текст серого цвета на сайте Apple. Его невозможно читать не только слабовидящему, но и человеку без нарушений зрения. Скриншот: сайт<a>Apple</a><p><strong>- Как дизайнеру узнать об инклюзивном дизайне?</strong></p>
64
<p>- Прежде чем заняться инклюзией, я была инженером и хотела изменить сферу деятельности. Но меня это пугало, поэтому я много разговаривала с психологом. Как-то она сказала, что сегодня любая профессия устаревает за семь лет, даже профессия врача. Но - только если не читать и не узнавать ничего нового.</p>
64
<p>- Прежде чем заняться инклюзией, я была инженером и хотела изменить сферу деятельности. Но меня это пугало, поэтому я много разговаривала с психологом. Как-то она сказала, что сегодня любая профессия устаревает за семь лет, даже профессия врача. Но - только если не читать и не узнавать ничего нового.</p>
65
<p>Хороший дизайнер всё время что-то читает, узнаёт, совершенствуется. И тема доступности естественным образом появляется в его поле зрения. Очевидно, что когда ты ничего не понимаешь в шрифтах и вёрстке, тебя волнуют в первую очередь эти темы. Юзабилити появляется в твоём поле зрения, когда ты начинаешь расти. Развиваясь, ты больше смотришь на человека, в том числе и на человека с инвалидностью.</p>
65
<p>Хороший дизайнер всё время что-то читает, узнаёт, совершенствуется. И тема доступности естественным образом появляется в его поле зрения. Очевидно, что когда ты ничего не понимаешь в шрифтах и вёрстке, тебя волнуют в первую очередь эти темы. Юзабилити появляется в твоём поле зрения, когда ты начинаешь расти. Развиваясь, ты больше смотришь на человека, в том числе и на человека с инвалидностью.</p>
66
<p>На моём курсе по цифровой доступности было уже три потока. На этот курс приходят ребята, которые недавно начали свой путь, но чаще всего это всё-таки люди, которые давно работают в сфере дизайна.</p>
66
<p>На моём курсе по цифровой доступности было уже три потока. На этот курс приходят ребята, которые недавно начали свой путь, но чаще всего это всё-таки люди, которые давно работают в сфере дизайна.</p>
67
<p>* Решением суда запрещена "деятельность компании Meta Platforms Inc. по реализации продуктов - социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности".</p>
67
<p>* Решением суда запрещена "деятельность компании Meta Platforms Inc. по реализации продуктов - социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности".</p>
68
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
68
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>