Как стать автором
Поиск
Написать публикацию
Обновить
73.37

Accessibility *

Помогаем людям с повышенными потребностями

Сначала показывать
Порог рейтинга
Уровень сложности

Доброшрифт

Время на прочтение2 мин
Количество просмотров40K
То, что одним даётся легко и даром, для других может быть настоящей проблемой — такие мысли вызывает каждая буква шрифта «Доброшрифт», который был разработан ко всемирному дню ДЦП при участии детей с этим диагнозом. Мы решили принять участие в этой благотворительной акции и до конца дня поменяли логотип сайта.


Читать дальше →

По направлению к доступности

Время на прочтение6 мин
Количество просмотров1.5K
Логтип команды занимающейся доступностью в Microsoft Teams. Изображение очков в виде логотипа компании Microsoft с сокращенным английским словом accessibility - a11y

Пятница – конец рабочего дня. Плохие новости всегда приходят в пятницу под конец рабочего дня.

Вы собираетесь покинуть офис, «дзинь» новое письмо по поводу очередной реорганизации только что пришло на почту.
Спасибо xxxx, yyy с сегодняшнего дня вы будете отчитываться zzzz

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

О, нет! За что я заслужил это? Они хотят, чтобы я ушел? Настроится на неблагодарную тяжелую работу и пытаться исправить ошибки других людей. Это наверняка провал…

Такой была доступность несколько лет назад. Некоторые бедняги получали работу по «очистке» пользовательского интерфейса, чтобы попытаться сделать его доступным для людей с ограниченными возможностями.
Читать дальше →

Drag-&-Drop компоненты для слепых пользователей? Вы шутите?

Время на прочтение18 мин
Количество просмотров6.7K
Что объединяет Trello, Gmail, Aviasales и Google Keep? В каждом из них есть Drag-&-Drop-компоненты, которые можно перетаскивать мышкой. Использование этих компонентов делает сайты по-настоящему удобными, потому что в реальной жизни мы часто используем этот паттерн. Передвигать вещи для нас естественно, поэтому и в вебе мы хотим перемещать элементы по экрану с одного места на другое, как стикеры на доске или магнитики на холодильнике. Сортировка todo-списков, организация дашбордов, загрузка файлов — мы просто не можем себе представить все эти события без перетаскивания элементов на странице.



Но есть нюанс. Когда мы разрабатываем такие компоненты, то думаем, что наши пользователи физически видят экран и элементы, могут зацепиться за них мышкой и перетащить.Часто так и есть, но мы забываем о сегменте пользователей с проблемами зрения. Мы создаем компоненты, которыми невозможно пользоваться большой группе людей, которая просто их не видит. Как сделать так, чтобы им тоже были доступны Drag-&-Drop-компоненты?

Сергей Кригер — фронтенд-разработчик в компании SinnerSchrader. Кроме фронтенд-разработки, активно интересуется темой веб-доступности и расскажет о некоторых способах ее повышения. Под катом — рассказ о создании Drag-&-Drop-компонентов для тех, кто не видит экран и пользуется другими устройствами для взаимодействия с браузером.

Зачем вашему приложению Accessibility

Время на прочтение16 мин
Количество просмотров5.1K
Удобная навигация, интуитивно понятный интерфейс, оформление заказа в пару кликов — ежедневно мы упрощаем жизнь клиентов наших приложений, учитывая их пожелания и боли. Из-за отсутствия нужной аналитики в этом процессе мы упускаем запросы большой категории потенциальных пользователей с ограничениями по здоровью, которым не удается воспользоваться мобильными сервисами просто потому, что вы не уделили внимание вопросам доступности. Как сделать ваше приложение комфортным для людей с нарушениями зрения, рассказывают сотрудники Додо Пиццы в расшифровке нового выпуска AppsCast.


Читать дальше →

Разработка кода не глядя

Время на прочтение5 мин
Количество просмотров29K

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

Читать дальше →

Как делать приложения для телефонов с ограниченными возможностями

Время на прочтение5 мин
Количество просмотров2.5K

Продуктовые команды Google вот уже несколько лет проводят исследования, чтобы понять, как правильно проектировать приложения для пользователей из Индии, Южной Азии, Африки, Латинской Америки и других регионов. В ходе работы мы установили несколько полезных паттернов, связанных с совместимостью — они позволяют нашим продуктам хорошо себя показывать на дешевых телефонах с устаревшими операционными системами, разными размерами экрана и уровнем контрастности, быстро разряжающимися батарейками и трещинами на экране. Чтобы помочь и другим разработчикам делать приложения, которые будут работать — и хорошо работать — на всех типах устройств, мы хотели бы рассказать об этих паттернах.
Читать дальше →

iOS 13 под лупой

Время на прочтение2 мин
Количество просмотров12K
Dynamic Type – хорошо, но работает не всегда. Сейчас я расскажу, как увеличиваются маленькие контролы в iOS 13 бесплатно, без регистрации и смс.

Читать дальше →

Failover: нас губит перфекционизм и… лень

Время на прочтение7 мин
Количество просмотров16K
Летом традиционно снижается и покупательская активность, и интенсивность изменения инфраструктуры веб-проектов, говорит нам Капитан Очевидность. Просто потому что даже айтишники, случается, ходят в отпуск. И CТО тоже. Тем тяжелее тем, кто остаётся на посту, но сейчас не об этом: возможно, именно поэтому лето — лучший период для того, чтобы не торопясь обдумать существующую схему резервирования и составить план по её улучшению. И в этом вам будет полезен опыт Егора Андреева из AdminDivision, о котором он рассказал на конференции Uptime day.

При строительстве резервных площадок, при резервировании есть несколько ловушек, в которые можно попасть. А попадаться в них совершенно нельзя. И губит нас во всем этом, как и во многом другом, перфекционизм и… лень. Мы пытаемся сделать всё-всё-всё идеально, а идеально делать не нужно! Нужно делать только определённые вещи, но сделать их правильно, довести до конца, чтоб они нормально работали.

Failover — это не какая-то такая весёлая фановая штука «чтоб было»; это вещь, которая должна сделать ровно одно — уменьшить время простоя, чтобы сервис, компания, теряла меньше денег. И во всех методах резервирования я предлагаю думать в следующем контексте: где деньги?


Читать дальше →

Тёмный режим не решит проблем с экранами

Время на прочтение5 мин
Количество просмотров13K

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


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


Фото: Andrew Brookes/Cultura/Getty

Ночь застилает экраны наших компьютеров.



Она приходит в виде тёмного режима, модной в технологической отрасли функции, когда привычные яркие фоны заменяются тёмно-синими или чёрными. Twitter выпустил тёмный режим для сайта в 2017 году, а Facebook Messenger представил аналогичную функцию в апреле 2019. Особенно примечательным было объявление Apple на WWDC на прошлой неделе, что выходящая осенью iOS 13 тоже получит подобную опцию. Компания утверждает, что с тёмным режимом «каждый элемент на экране будет чуть меньше напрягать глаза», а некоторые люди заявляют, что включение функции помогает бороться с мигренью.

Читать дальше →

Яндекс для слепых и слабовидящих

Время на прочтение6 мин
Количество просмотров5.8K
Логотип Яндекса

Четыре месяца назад на change.org была создана петиция с призывом к руководству Яндекса — автор петиции просит обратить внимание на доступность интерфейсов сервисов Яндекса для слепых и слабовидящих пользователей. Утверждается, что до 2014 года сервисы Яндекса были хорошо оптимизированы для слепых пользователей и совместимы с программами экранного доступа. Впоследствии ситуация начала ухудшаться:
Трудности для каждого незрячего и слабовидящего пользователя начинаются уже при создания аккаунта, но я опишу здесь лишь две наиболее важные и критичные:

1. Слепой человек не может защитить свой аккаунт. При создании ящика на сайте passport.yandex.ru есть возможность задать секретный вопрос для восстановления пароля, но в настоящее время список с вариантом выбора вопроса не озвучивается программой экранного доступа, а значит выбрать ничего нельзя и восстановить утерянный пароль или защититься от потенциальных взломщиков я не могу.

2. Яндекс отказывается предоставлять поддержку слепым и слабовидящим: формы обратной связи, также называемые «Написать в поддержку», имеют список тем обращения, где требуется выбрать какую-то одну. Как вы уже могли догадаться, из этого списка с помощью клавиатуры невозможно ничего выбрать, а значит, нельзя отправить сообщение.
Читать дальше →

Заголовок будет другой

Время на прочтение8 мин
Количество просмотров9.5K
Если вы разрабатываете продукт для масс-маркета, то вероятнее всего им пользуются люди с плохим зрением. Если вы стремитесь делать удобные интерфейсы, то надо сделать удобно для всех клиентов, в том числе для людей с плохим зрением. Думаю, мы часто забываем об этом. И это пора исправлять.


Читать дальше →

Виртуальная реальность – игра, лечение, жизнь. Технологии VR на службе реабилитационной медицины

Время на прочтение6 мин
Количество просмотров8.7K
Проводить часы за компьютерными играми – занятие не только для профессиональных киберспортсменов или геймеров-любителей. Есть люди, которым погружение в виртуальную реальность назначено лечащим врачом. От их успеха в игре зависит намного больше, чем выход на новый уровень или обладание нарисованным артефактом. Для них виртуальная реальность – это тренажер, обеспечивающий качество жизни, её комфорт, а иногда и продолжительность. Добро пожаловать в мир VR-реабилитации.



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

Тысячи людей в стране нуждаются в реабилитации с применением технологий виртуальной реальности. Сотни из них такую помощь получают и своим примером подтверждают её эффективность. Несколько отечественных стартапов и научных медицинских центров пытаются удовлетворить запрос рынка на тренажёры и программы VR-реабилитации. Но пока таких компаний слишком мало, чтобы заполнить нишу, которая в ближайшие годы будет только расти. Хотя достигнутые результаты уже сейчас демонстрируют рыночные перспективы и, конечно, значение для тех, кто нуждается в реабилитации.
Читать дальше →

Обзор российского законодательства в сфере web доступности

Время на прочтение4 мин
Количество просмотров3.9K
Мне не раз доводилось сталкиваться с мнением, что доступность государственных сайтов закреплена законодательно, но при этом частные web ресурсы это некоим образом не касается, однако, в действительности, не все так однозначно. Этот пост — результат попытки разобраться с данным вопросом до конца и расставить все точки над i.
Читать дальше →

Ближайшие события

Реализуем поддержку accessibility, не меняя визуальную составляющую мобильного приложения

Время на прочтение3 мин
Количество просмотров1.7K
В этой статье не будет ни строчки кода, ни единого сложного термина. Постараюсь изложить так, чтобы даже далёкий от разработки человек понял.

Речь пойдёт о реализации accessibility (специальных возможностей) в мобильном приложении.
Читать дальше →

Разработка доступных интерфейсов

Время на прочтение16 мин
Количество просмотров9.4K
По данным Росстата 1 млн. человек имеют проблемы со зрением, начиная от астигматизма и заканчивая слепотой и с трудом могут пользоваться обычными сайтами. Попробуйте протестировать ваш ресурс на доступность: зажмурьте глаза, чтобы экран размылся и кликайте, вводите текст, переходите по страницам. Если привычные действия неудобно выполнять, то можно задуматься над доступностью.

Хорошие примеры доступных сайтов у Пенсионного Фонда и Госуслуг. Чтобы ваш ресурс стал доступным, такой масштабной работы, как для ПФР, не требуется. Достаточно применить три принципа, добавить в закладки два сайта с подробной документацией по разработке доступных сайтов и немного адаптировать рабочий процесс под новую парадигму. В результате ваши ресурсы перейдут на новую ступень: будут доступными и удобными для людей с ограниченными возможностями.

О том, как быстро и эффективно разрабатывать доступные ресурсы сегодняшняя расшифровка доклада Сергея Кригера на Frontend Conf.

Как управлять электроприборами, радиоуправляемыми моделями, моторизованной коляской при помощи взгляда

Время на прочтение11 мин
Количество просмотров21K


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

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

Клавиатурные макросы для повседневных задач

Время на прочтение2 мин
Количество просмотров23K

Всем привет.

Среди общества как-то повелось, что запись макросов на клавиатуре чисто геймерская необходимость и часто встречается только на геймерских клавиатурах.

Но ведь по сути это просто запись последовательности нажимаемых клавиш.

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

Читать дальше →

Доступность интерфейсов. Лекция Яндекса

Время на прочтение21 мин
Количество просмотров21K
Меня зовут Дима, я работаю в офисе Яндекса в Санкт-Петербурге и занимаюсь внутренними сервисами в команде разработки интерфейсов Толоки. В этом году я подготовил лекцию для Школы разработки интерфейсов. Ниже — её расшифровка.

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


— Что скрывается под модным нынче термином accessibility? Какие у вас есть варианты? Для слепых, чтение с экрана, с ограниченными возможностями, координация движений… Все верно. Доступность — возможность использования интерфейса всеми, независимо от физических или технических ограничений.

Доступность игр на pygame

Время на прочтение3 мин
Количество просмотров4.4K

Всем привет.

В статье Звуковые игры: невидимый рынок ждёт героев были рассмотрены звуковые игры с крутым объемным звуком, и библиотеки для его создания.

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

Конечно не для всех игр подходит такой прием, но в некоторых очень даже.



Создадим модуль speech.

В нем организуем два варианта работы:

  • подключение к экранному диктору NVDA через его Controller dll;
  • напрямую на синтезатор windows через SAPI5;


Читать дальше →

Как использовать “Tobii Eye Tracker 4C” для общения с ребёнком, который не может говорить и двигаться (СМА, ДЦП, БАС)

Время на прочтение10 мин
Количество просмотров33K


В основе методики лежит отслеживание направления взгляда, которое осуществляет устройство “Tobii Eye Tracker 4C”. На экран компьютера выводится таблица с несколькими картинками. Если задержать взгляд на отдельной картинке, то будет озвучена соответствующая ей фраза, например, «пить», «повернуть на бок», «смотреть мультики».

Когда ребёнок выучит буквы, можно будет использовать более сложные методы, вроде набора текста глазами.

Что потребуется (в двух словах)?

  1. компьютер
  2. айтрекер — устройство отслеживания направления взгляда
  3. бесплатное программное обеспечение (от автора статьи)

Вклад авторов