Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Интервью</a>

2 <ul><li>28 окт 2021</li>

3 <li>0</li>

4 </ul><h2>"Никто не думает о том, что его не касается, - и это нормально"</h2>

5 Слепой эксперт по невизуальной доступности интерфейсов Вадим Чагин о своём пользовательском опыте и об основных ошибках дизайнеров и разработчиков.

6 Вымирающий вид - филолог. Любимый дизайн-проект - "Синий дом" Фриды Кало.

7 Эксперт по невизуальной доступности банка ВТБ, лидер направления по тестированию мобильного приложения. Вадим - слепой пользователь услуг и сервисов.

8 Поговорили с Вадимом о том, как в ВТБ тестируют продукты, насколько доступны цифровые услуги и сервисы для слепых в нашей стране и как дизайнеры могут на это повлиять.

9 Из интервью вы узнаете:

10 <ul><li>о <a>самом недоступном</a>интерфейсе для слепых,</li>

11 <li>почему не стоит полагаться на <a>автоматическое тестирование</a>,</li>

12 <li>о <a>программе</a>, которая сильно облегчила жизнь слепых,</li>

13 <li>о семи<a>ошибках</a>дизайнеров и разработчиков, которые выводят из себя.</li>

14 </ul>В целом всё становится лучше. Если мы с вами вспомним, как выглядел среднестатистический сайт 15 лет назад, и посмотрим, как сайты выглядят сейчас - это небо и земля. Раньше сайты были меньше, с более простым дизайном, элементами и так далее, и они были изначально доступнее. Сейчас сайты куда сложнее, с большим количеством анимации, нестандартных технических решений. И вот здесь уже нужно думать над доступностью, потому что многие из современных решений требуют соответствующих доработок. То же самое и с мобильными приложениями. Сравните, как выглядели приложения на Symbian, например, в 2008-2009 годах, когда она была популярна, и то, что сейчас происходит в этой сфере.

15 Nokia N8 с операционной системой Symbian. Под иконками не подписано, что именно они запускают. Из-за этого сложно ориентироваться на рабочем столе. Фото:<a>Wikimedia Commons</a>Каждая компания что-то делает, чтобы доступности в продуктах было больше. Много тех, кто делает хорошо, правильно, то есть в соответствии со стандартами и спецификациями, и тех, у кого хватает знаний, опыта, компетенций, ресурсов и желания. Хотелось бы больше и лучше, но этого хочется всегда - это абсолютно нормальное желание.

16 Apple рассказывает, как пользоваться функцией VoiceOver в iPhoneНельзя сказать, что в какой-то конкретной стране очень хорошо работают над доступностью, а где-то нет. Это больше зависит от человеческого фактора, от заинтересованности - насколько компании выгодно и необходимо этим заниматься и насколько это регулируется законом.

17 Государственные структуры не могут игнорировать законы и требования, поэтому там доступность развивается чуть быстрее, чем в бизнесе. Какой смысл руководителю компании тратить ресурсы на доступность, если он считает, что эта аудитория не приносит прибыли? С другой стороны, делать доступным что-либо для людей с инвалидностью - тренд, а крупный бизнес стремится следовать трендам.

18 Ошибочно считать, что сделать интерфейс, приложение и сайт доступным ничего не стоит. Это всегда ресурсы, люди и финансовые затраты. Даже если ты будешь писать код максимально корректно и правильно, всё равно над доступностью нужно работать отдельно.

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

20 Самые сложные интерфейсы относятся к космическим технологиям, газодобыче, нефтедобыче. Но здесь точно аудитория с потребностями такого плана не будет массовой.

21 Больше всего за доступностью следят IT-гиганты, у которых множество продуктов, связанных в экосистему. В качестве позитивного примера можно привести мессенджеры и соцсети. Многие из них прошли путь от того, когда ими вообще нельзя было пользоваться, до того, что пользоваться можно частично или практически на 100%.

22 Чтобы сделать продукт максимально и - что важно - правильно доступным, нужно использовать ручное тестирование.

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

24 Сейчас крупные компании понимают, что без целевой аудитории хорошо не сделать, поэтому они стараются набирать в группу тестирования, например, слепых. Таких примеров много. Даже если ты видишь доступный продукт, ты не можешь знать наверняка, работает над ним кто-то из условной целевой аудитории или нет. Это исключительно внутренние решения компаний.

25 В ВТБ над доступностью работают все команды, имеющие отношение к цифровым продуктам. Также существует команда, работающая над Accessibility. Мы понимаем, как интерфейс должен работать и что нужно сделать, чтобы он стал доступным.

26 Внутри команды есть разделение по разным направлениям тестирования. Каждый выполняет те задачи, в которых он более компетентен, максимально эффективен и полезен. Если нужно мнение нескольких человек, мы собираемся и вместе выбираем одно правильное решение. Результат получается гораздо лучше, когда над задачей работают несколько человек.

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

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

29 Обычно дизайнеры и разработчики при создании доступного интерфейса забывают о тех, для кого они его делают, а судят исходя из своих компетенций. И это не в укор дизайнерам и разработчикам, ни в коем случае не хочу никого обидеть. Многие из нас думают, что если они понимают что-то, то, значит, поймут и другие. Банально, но на самом деле это не так, потому что у разных аудиторий разные паттерны, привычки, опыт, компетенции.

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

31 Есть огромное количество людей, которые не понимают, как привязать карту к телефону, думают, что их деньги оттуда могут украсть, что телефон ненадёжный. И это нормально - у каждого из нас свой опыт.

32 Инвалидность - это не профессия. Это та или иная имеющаяся у человека особенность. Как пример - другой вопрос: "Из кареглазых людей получаются математики хорошие или нет?" Не знаю, нет прямой зависимости. Есть хорошие кареглазые и сероглазые математики, есть не очень.

33 Наличие инвалидности не говорит о том, что ты эксперт в какой-то области. Если говорить о доступности, то человек может быть с инвалидностью, но не обладать соответствующими компетенциями. Тестировать продукт должны специалисты.

34 Это очень банальная и простая ошибка, но встречается часто. Кнопочки, слайдеры какие-нибудь, флажки и прочее. Ты видишь элемент, но непонятно - это кнопка, заголовок или что-то ещё.

35 Изображение: Skillbox MediaУ тебя должна быть кнопка, а там поставлен флажок, чекбокс. Такого плана ошибки встречаются часто и нервируют. Ты открываешь интерфейс, перед тобой появляется заголовок окна и четыре кнопочки, которые для тебя никак не называются. Скринридер видит их неподписанными. Сиди, тыкай, разбирайся и понимай, что они означают. Хотя эти кнопки могут нажиматься, открывать последующие экраны, запускать какие-то функции.

36 Изображение: Skillbox MediaЭта ошибка, которая нервирует ещё больше. Я регулярно пользуюсь приложением для управления неким электронным устройством. Так вот, настройки этого электронного устройства в приложении я вижу, а настройки самого приложения не вижу вообще. Скринридер их не замечает - это несуществующий для меня элемент интерфейса.

37 Такие ошибки наиболее критичны, потому что неподписанные, но кликабельные элементы, с которыми пользователь так или иначе может взаимодействовать, дают такую возможность. Изучишь интерфейс - поймёшь, как это делать. А когда что-то абсолютно недоступно, оно так и останется недоступным даже в случае крайней необходимости.

38 При этом такие ошибки встречаются редко, но именно там, где абсолютно не ожидаешь, и там, где этот элемент тебе очень нужен.

39 Ты можешь вообще не знать, что в приложении есть какой-то элемент. Бывает так, что ко мне подходит зрячий человек и говорит: "У тебя тут есть такая плашечка, на которую нажимаешь, и появляется вот это". А ты её в упор не видел, потому что никакой плашечки для скринридера не существует.

40 Очень важно делать правильную разметку сайта. Ошибка - когда, например, заголовки на странице выделены исключительно визуально. Зрячий человек это видит как заголовок, а слепой, работающий со скринридером, - не видит. Потому что с точки зрения кода - это не заголовок. Скринридеры взаимодействуют с интерфейсом на уровне кода страницы - они считывают его и отдают пользователю в обработанном виде.

41 Если, например, для какого-то элемента не проставлена соответствующая ему роль, то он будет прочитываться просто как строка текста. Это абсолютно типичная ошибка, если говорить и о сайтах, и о мобильных приложениях. Многие не понимают и говорят: "У нас же есть заголовок. Что вы хотите?" Извините, но он у вас просто нарисован.

42 Источник: Skillbox MediaТоже регулярно встречающаяся проблема. В гиперссылке находится много текста, а должна быть только часть со ссылкой. Иногда гиперссылки бывают чуть ли не в два предложения.

43 Например, возьмём какой-нибудь новостной сайт. Ссылка читается так: "В шестнадцать часов пятнадцать минут в деревне такой-то отключена вода до двадцать второго сентября. Подробнее". Это всё читается одной ссылкой. Но так быть не должно. Это же длинно! Только в слово "Подробнее" должна быть встроена ссылка.

44 Источник: Skillbox MediaМой опыт говорит о том, что модальные окна можно сделать вполне читаемыми, удобными: открылось модальное окно - хорошо, сейчас мы изучим, что в нём, и будем с ним взаимодействовать стандартным образом. Но обычно всё совершенно не так.

45 Зачастую модальные окна читаются скринридерами криво, потому что они сделаны без соблюдения требований доступности. Скринридер может не поймать это окно, не зайти туда, не прочитать что-то важное. И хорошо, если вы можете хотя бы закрыть модальное окно - бывают случаи, когда это невозможно.

46 Источник: Skillbox MediaИзображение на фото, как правило, не подписывают. Скринридером оно читается просто как "фотография", а ссылка может читаться как ABCDE.jpg.

47 Кстати, также нередко не подписывают и другие изображения, которые находятся на странице. Они будут считываться просто как название файла, вместо нормального описания: не title - "Горы, небо, речка", а набор букв gthdfjruglci.jpg, например.

48 Источник: Skillbox MediaЕсть такой специализированный софт для музыкантов ― Native Instruments. Он становится доступным, если использовать язык скриптов JAWS for Windows и научить скринридер понимать то, что находится в интерфейсах программы. Без этого ты в принципе ничего там сделать не сможешь.

49 Интерфейс программы Traktor Pro 3, разработанной Native Instruments. Изображение: Traktor Pro 3 /<a>Native Instruments</a>Если углубляться в техническую составляющую, то тут вопрос в том, какие элементы используются: базовые или созданные с нуля. У интерфейсов, в которых используется больше базовых компонентов операционной системы, выше шансы на доступность, чем у продукта, который сделан из совершенно новых элементов. Это как лотерея. Не получилось - значит, не получилось. Получилось - значит, повезло.

50 Очевидный и свежий пример развитого в плане доступности мессенджера, как бы странно это ни звучало, - Telegram. Почему странно - потому что изначально позиция Telegram заключалась в том, что они ничего не будут делать с точки зрения доступности, им это неинтересно, а сейчас ситуация изменилась. Мобильный Telegram перешёл из состояния "недоступен совсем" в "доступен настолько, что этим так или иначе можно пользоваться".

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

52 Да, там до сих пор есть проблемы - есть недоступные элементы, проблемы с потреблением контента. Но важно то, что они не бросили совершенствовать это.

53 Что действительно сделало многое доступнее и облегчило жизнь - это OCR, то есть оптическое распознавание.

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

55 Винить дизайнеров и разработчиков, допускающих ошибки при создании интерфейсов, нельзя - им не всё равно, каким продуктом будет пользоваться их аудитория. Просто никто не думает о том, что его особо не касается, особенно когда ни у вас, ни у ваших близких и друзей таких проблем нет. Вы не просыпаетесь с утра и не думаете, например, о болеющих людях: "Как бы всем хватило лекарства". И это естественно.

56 Сложно сказать, что можно сделать, чтобы люди задумывались о доступности интерфейсов чаще. Должна быть, наверное, общая культура у разработчиков и дизайнеров. В этом вопросе немаловажен именно социальный аспект. Хотелось бы, чтобы всё строилось не исключительно на соблюдении закона, а на понимании потребностей людей с ограниченными возможностями здоровья и необходимости сделать среду для них удобнее. Это должно быть заложено с точки зрения культурного кода. Ведь кто-то сразу делает хорошо даже без ручного тестирования на доступность. Просто круто пишет код - аккуратно, с минимальным количеством ошибок. Уже это делает продукт доступным. Пусть не идеальным, но этим можно пользоваться.

57 Просто выполняйте свою работу квалифицированно, качественно, компетентно.

58 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>