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

72.97
Рейтинг
Accessibility *
Помогаем людям с повышенными потребностями
Сначала показывать
Порог рейтинга
Уровень сложности
Электронный учитель для незрячих на Arduino
9 мин
17K
В результате общения с преподавателями из челябинской коррекционной школы №127 для незрячих и слабовидящих детей, мы – сообщество forblind.org – узнали, что для ускорения процесса обучения детей азбуке Брайля было бы полезно создать устройство, способное, на сколько это возможно, заменить преподавателя и позволить ребёнку обучаться самостоятельно, в том числе вне школы. Мы поставили перед собой задачу из доступных и недорогих комплектующих реализовать устройство, которое позволит формировать и озвучивать один символ алфавита Брайля, поддерживая несколько языков и групп символов.
+25
Смотря на код с закрытыми глазами
6 мин
123KОт переводчика
Эта статья — перевод блогозаписи Флориана Бейджерса, слепого программиста из Нидерландов.
Перевод любительский, поэтому прошу указывать на ошибки и критиковать.
Я не нашёл корректного перевода слова accessibility, поэтому перевёл его как «доступность». Если есть вариант получше — предложите, пожалуйста.
Антон Туманов предложил «адаптированность», за что ему большое спасибо.
Как заметил в комментарии pepelsbey, «доступность» является корректным переводом, вернул её обратно.
Почему я сделал перевод? Я наткнулся на опрос на Quora.com «Как программируют слабовидящие программисты?». Ответы людей меня впечатлили, а блогозапись Флориана показалась наилучшим вариантом для введения в этот важный вопрос.
Эта статья — перевод блогозаписи Флориана Бейджерса, слепого программиста из Нидерландов.
Перевод любительский, поэтому прошу указывать на ошибки и критиковать.
Как заметил в комментарии pepelsbey, «доступность» является корректным переводом, вернул её обратно.
Почему я сделал перевод? Я наткнулся на опрос на Quora.com «Как программируют слабовидящие программисты?». Ответы людей меня впечатлили, а блогозапись Флориана показалась наилучшим вариантом для введения в этот важный вопрос.
Я — программист. А ещё я слеп. Слеп, как крот, как говорится. Таков я от рождения.
Когда я говорю об этом своим товарищам, то те из них, у кого никогда не было проблем со зрением, обычно задают один из трёх вопросов:
- Как же ты тогда можешь читать то, что я пишу?
- Ого. А как ты тогда можешь кодить?
- Или — самый популярный вопрос — А ты видишь сны?
Мне задают эти вопросы снова и снова. Поэтому в этой блогозаписи я хочу на них ответить. Я попытаюсь нарисовать картинку для тех из вас, кто интересуется доступностью и тем, как слепые люди пользуются компьютером, кодят и выполняют другие работы в 21 веке.
+221
Accessibility. Как мы делаем Яндекс доступным людям с ограниченными возможностями и почему считаем это важным
15 мин
23KСегодня Global Accessibility Awareness Day, к которому мы внедрили поддержку accessibility на главной странице Яндекса. Сейчас слепым пользователям доступна работа с Яндекс.Браузером, Почтой и частично со страницей результатов поиска, над которой работа еще продолжается. Хочу поделиться нашим опытом — возможно, он в чём-то поможет и вам или хотя бы вдохновит.
Попытки обеспечения доступности интерфейсов или запуска их адаптированных версий предпринимались в Яндексе в разное время, впервые — более десяти лет назад. Однако как по организационным, так и по техническим причинам до недавнего времени систематически работать в этом направлении не получалось.

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

Серьёзным толчком стал глобальный редизайн Яндекса. Полная переработка интерфейсов создала предпосылки для деятельности по обеспечению доступности. Не последнюю роль тут сыграл Илья iseg Сегалович, сооснователь компании Яндекс, который был сторонником внедрения accessibility и расстраивался из-за того, что этому направлению не получалось уделять должное внимание. Отдельных членов команды accessibility Яндекса привлёк именно он, причём некоторых — прямо с Хабра. Сейчас Никита Tseikovets, на конструктивную критику которого тогда ответил Илья, один из тех, кто консультирует Яндекс по вопросам accessibility.
GAAD — хороший повод рассказать, какое место в технологических процессах Яндекса занимают вопросы accessibility, как построены процессы управления проектами и разработки, а также поделиться некоторыми техническими подробностями. Мы надеемся, что наш опыт поможет и вам.
+39
День всеобщей осведомлённости о доступности (GAAD) 2015
2 мин
2.1K«Братие, сегодня пр-рекрасный день дляверыaccessibility; братие, сегодня р-распрекрасный день дляверыaccessibility; братие, сегодня самый пр-рекрасный-р-р-распре-красный день дляверыaccessibility»
[ Дюма А. Графиня де Монсоро]
Сегодня очередной День всеобщей осведомлённости о доступности (Global Accessibility Awareness Day) или просто GAAD. Это относительно новая традиция в IT-сообществе, так как в этом году GAAD проходит лишь в пятый раз. С 2011 года данный день отмечался 15 мая, но с 2015 года принято решение перенести его на третий четверг мая, который в этот раз и выпал на 21 число.
GAAD посвящён популяризации в IT-отрасли идей accessibility, то есть доступности интерфейсов для пользователей с ограниченными возможностями. Исторически всё начиналось с доступности web-интерфейсов, но сейчас день осведомлённости распространился на всю сферу digital accessibility, то есть доступность всех цифровых продуктов.
+4
Белая книга по доступности PhoneGap
2 мин
6KОрганизация Глобальной инициативы в области инклюзивных ИКТ (G3ict) в сотрудничестве с Adobe Systems Incorporated выпустила белую книгу по вопросам разработки доступных интерфейсов для мобильных приложений с помощью фреймворка PhoneGap, также известного как Apache Callback или Apache Cordova. Данный десятистраничный документ описывает текущее состояние доступности мобильных приложений, преимущества, присущие подходу PhoneGap в отношении создания доступных кросс-платформенных приложений этой категории, а также мотивы Adobe в отношении создания специального плагина, который сокращает разрыв между технологиями web-доступности и нативными accessibility API мобильных платформ.
Напомним, что представленный около года назад PhoneGap Mobile Accessibility Plugin, передаёт приложениям такую информацию, как состояние настроек увеличения шрифта и прочего. В результате, PhoneGap-приложения получают более тесное взаимодействие с функциональностью доступности в той или иной операционной системе, сопоставимую с нативными приложениями.
Напомним, что представленный около года назад PhoneGap Mobile Accessibility Plugin, передаёт приложениям такую информацию, как состояние настроек увеличения шрифта и прочего. В результате, PhoneGap-приложения получают более тесное взаимодействие с функциональностью доступности в той или иной операционной системе, сопоставимую с нативными приложениями.
+8
Подстраховка web-доступности семантических областей HTML5 через роли WAI-ARIA
7 мин
34KТуториал
Как известно, HTML5 имеет расширенные возможности семантической вёрстки. Он позволяет обернуть отдельные логические блоки страницы в специально предназначенные для них блочные теги, какие как header, main, footer и другие. Ну а улучшение структурной и семантической вёрстки, как правило, автоматически способствует повышению уровня accessibility web-интерфейса для пользователей программ экранного доступа, потому что они добавляют элементы страницы, по которым возможно осуществлять навигацию и быстро перемещаться между блоками контента.
В принципе, дополнительная разметка для обеспечения accessibility реализуется через отдельную технологию WAI-ARIA, однако и стандартные семантические структуры HTML5 современными браузерами и современными программами экранного доступа воспринимаются как соответствующие атрибуты ARIA для вспомогательных технологий. Проще говоря, это означает, что в теории следующие два варианта вёрстки с точки зрения программ чтения экрана аналогичны::
В принципе, дополнительная разметка для обеспечения accessibility реализуется через отдельную технологию WAI-ARIA, однако и стандартные семантические структуры HTML5 современными браузерами и современными программами экранного доступа воспринимаются как соответствующие атрибуты ARIA для вспомогательных технологий. Проще говоря, это означает, что в теории следующие два варианта вёрстки с точки зрения программ чтения экрана аналогичны::
+13
15 мая — День всеобщей осведомлённости о доступности
2 мин
2.8KЭта история началась в 2011 году с поста в блоге одного web-разработчика из Лос-Анджелеса по имени Джо Девон (англ. Joe Devon). Он призвал всех обычных разработчиков объединиться в поиске решений задач accessibility и донести до всех идею необходимости обеспечения доступности для пользователей с ограниченными возможностями. Начать Девон предложил с учреждения одного дня в году, когда разработчик будет тестировать на доступность хотя бы одну страницу одного своего проекта, после чего рассказывать всем о том, как именно он решил проблемы accessibility и объяснять остальным коллегам, что это очень нужно и не очень сложно. День этот получил название Global Accessibility Awareness Day, (GAAD) и дату 15 мая.
+5
Управление компьютером без рук (гироскоп мне в темя!)
8 мин
34K
В предыдущей статье я рассказал, как можно управлять компьютером при помощи глаз. Несмотря на то, что в ряде случаев отслеживание положения зрачков (eye gaze tracking) — единственный способ предоставить больному человеку возможность общаться с окружающим миром, описанная ранее система не лишена недостатков. Прежде всего, это необходимость использовать компоненты, которые трудно приобрести в России. Кроме того, человеку в очках приходится сильно ограничивать положение головы, чтобы свести к минимуму паразитные блики на поверхности очков и достичь стабильной работы системы.
А можно ли использовать что-нибудь попроще и понадёжнее, если человек способен двигать головой, но испытывает трудности при работе руками?
+12
Плагин для Bootstrap 3, повышающий accessibility интерфейсов
2 мин
17KНабор инструментов Bootstrap пользуется достаточно большой популярностью среди разработчиков. Тем не менее, интерфейсы, получающиеся с его помощью, зачастую имеют проблемы с accessibility, то есть с доступностью для пользователей с ограниченными возможностями. В результате, получившийся интерфейс может не соответствовать предъявляемым к нему требованиям, так как часто accessibility является одним из пунктов технического задания, да и в принципе не очень доступный интерфейс — это уже плохо.
Команда разработчиков PayPal некоторое время работала над решением ряда проблем доступности в Bootstrap 3, итогом чего стало появление accessibility плагина, который недавно был выложен в открытый доступ. Фактически он позволяет реализовать доступность интерфейса на базовом уровне без каких-либо особых знаний в этой области.
Команда разработчиков PayPal некоторое время работала над решением ряда проблем доступности в Bootstrap 3, итогом чего стало появление accessibility плагина, который недавно был выложен в открытый доступ. Фактически он позволяет реализовать доступность интерфейса на базовом уровне без каких-либо особых знаний в этой области.
+28
Обращение к компании «1С» со стороны Всероссийского общества слепых по вопросу обеспечения невизуальной доступности её продуктов (технические аспекты проблемы)
7 мин
14KСогласно данным пресс-службы Всероссийского общества слепых, президент данной организации направил обращение в адрес генерального директора Фирмы «1С» — Б. Г. Нуралиева, в котором отметил остроту проблемы трудоустройства и профессиональной реабилитации инвалидов по зрению в контексте недоступности продуктов «1С» для вспомогательного программного обеспечения, использующегося для невизуальной работы с компьютерной техникой.
С полным текстом пресс-релиза можно ознакомиться на сайте ВОС. Здесь же имеет смысл дать несколько технических уточнений по поднятой проблеме, так как ввиду специфичности данной темы есть риск неправильного её понимания со стороны людей, не очень близких к технологиям невизуальной доступности, но являющихся ЛПР — лицами, принимающими решения.
С полным текстом пресс-релиза можно ознакомиться на сайте ВОС. Здесь же имеет смысл дать несколько технических уточнений по поднятой проблеме, так как ввиду специфичности данной темы есть риск неправильного её понимания со стороны людей, не очень близких к технологиям невизуальной доступности, но являющихся ЛПР — лицами, принимающими решения.
+42
Управление компьютером при помощи глаз — практическая реализация
6 мин
90K
1. Необходимость и постановка задачи
Статья написана, прежде всего, для людей, которым трудно или невозможно работать на компьютере общепринятым способом: нажимая кнопки на клавиатуре и двигая мышь. Постараюсь рассказать, как была сделана система, которая позволяет управлять компьютером при помощи одного только взгляда. Сразу оговорюсь, что приведённое решение может плохо работать, если человек носит астигматические очки/очки с линзами разных диоптрий.
Итак, есть только глаза и компьютер. Ничего другого использовать нельзя, — ни педалей, ни поворота головы, ни преобразования речи в текст.
+78
Интернет для людей с нарушенным цветовосприятием и не только. Идея решения проблемы на глобальном уровне
3 мин
26KЗдравствуй, дорогое хабросообщество! Пару дней назад ночью меня посетила одна очень интересная мысль, а именно: как сделать интернет доступнее для слабовидящих и людей, страдающих нарушением цветовосприятия (дальтоников). О том, как можем помочь им Мы (разработчики, дизайнеры, UI/UX специалисты) и создатели браузеров, можно узнать под катом. Так, возможно, выглядит Хабрахабр для некоторых из нас.

А как видишь Хабрахабр ты,

А как видишь Хабрахабр ты,
{userName}
?+29
Ближайшие события
Молодые люди с ограниченными возможностями имеют высокий уровень доступа в Интернет
1 мин
4.9KНовое исследование британского регулятора Ofcom показывает, что молодые люди с ограниченными возможностями пользуются преимуществами работы в сети.
Исследование показывает, что уровень доступа в Интернет среди младшей возрастной группы (15-34 лет) в целом сопоставим, независимо от того, имеют люди инвалидность или нет (90% по сравнению с 93%). Этот показатель увеличивается до 94% для людей с ограниченными возможностями и до 97% для людей без инвалидности среди более богатых в этой группе.
Исследование показывает, что уровень доступа в Интернет среди младшей возрастной группы (15-34 лет) в целом сопоставим, независимо от того, имеют люди инвалидность или нет (90% по сравнению с 93%). Этот показатель увеличивается до 94% для людей с ограниченными возможностями и до 97% для людей без инвалидности среди более богатых в этой группе.
+5
Так ли «вредно» носить очки?
3 мин
89KRecovery Mode
Полагаю, каждый посетитель хабра является гипер-активным компьютерным пользователем, и можно смело предположить, что проблема зрения в настоящем или будущем так или иначе насущна для всех, читающих этот пост. Сегодня я хотел бы развернуть дискуссию в комментариях на соответствующую тему, а под катом я поясню, почему же я решил это сделать, и почему на хабре.
+7
Вышло Руководство по применению WCAG 2.0 для информационных и коммуникационных технологий вне веб
1 мин
1.5KРабочая группа Руководства по обеспечению доступности веб-контента (WCAG) 2.0 опубликовала в качестве информационного примечания W3C Руководство по применению WCAG 2.0 для информационных и коммуникационных технологий вне веб (WCAG2ICT).
+2
Критический обзор Исследования обеспечения доступности Интернет-ресурсов Рунета
14 мин
3.7K25 июня 2013 года НП Культурным центром «Без границ» и группой независимых экспертов была проведена пресс-конференция, посвящённая анонсированию результатов первого в России исследования по обеспечению доступности Интернет-ресурсов.
Помимо прочего, на конференции присутствовали представители российского офиса W3C, ООН, РАЭК, крупнейших российских мобильных операторов, сотрудники инвестиционных организаций и учебных заведений. Модератором же конференции выступил помощник Министра связи и массовых коммуникаций РФ Дмитрий Сатин (на Хабрахабре: dmitrysatin).
Данное исследование проводилось группой независимых экспертов при поддержке Фонда содействия развитию Интернета «Фонд поддержки интернет» при Координационном Центре национального домена сети интернет, при официальной поддержке Министерства связи и массовых коммуникаций Российской Федерации и РАЭК.
Помимо прочего, на конференции присутствовали представители российского офиса W3C, ООН, РАЭК, крупнейших российских мобильных операторов, сотрудники инвестиционных организаций и учебных заведений. Модератором же конференции выступил помощник Министра связи и массовых коммуникаций РФ Дмитрий Сатин (на Хабрахабре: dmitrysatin).
Данное исследование проводилось группой независимых экспертов при поддержке Фонда содействия развитию Интернета «Фонд поддержки интернет» при Координационном Центре национального домена сети интернет, при официальной поддержке Министерства связи и массовых коммуникаций Российской Федерации и РАЭК.
-2
Неразвлекательная игра Auti-sim: ощутите дискомфорт сенсорной перегрузки
2 мин
33KВы стоите на поле под красивым синем небом. В нескольких метрах от вас группа визжащих и счастливо играющих на площадке детей. Но когда вы подходите ближе, то внезапно замечаете, что дети, на самом деле, безликие тупо уставившиеся на вас статуи. Их крик почти оглушает, наслаиваясь на монотонный школьный гул. Идиллическая картинка тоже начинает смазываться, как будто мир мечется между реальностью и помехами расстроенного аналогового телеканала. Единственное спасение для вас — это отступить в безопасность вашего начального местоположения.
Это может звучать как описание нового ужастика, но в действительности речь идёт об Auti-SIM — небольшой, но заставляющей задуматься игре от первого лица, посвящённой гиперчувствительности аутичных детей.
Это может звучать как описание нового ужастика, но в действительности речь идёт об Auti-SIM — небольшой, но заставляющей задуматься игре от первого лица, посвящённой гиперчувствительности аутичных детей.
+27
Навигация в новом варианте схемы московского метро для людей с нарушенным цветовосприятием
1 мин
16KДрузья, если у вас есть врожденные проблемы с цветовосприятием, то у вас есть возможность (пока еще не закончили разработку перед финальным голосованием) написать вот в этом посте Людвига (один из арт-директоров студии Лебедева) о своих проблемах с идентификацией разных линий (например, салатовой и оранжевой или зеленой, салатовой и серой).
Большая просьба не писать там в комментариях ничего кроме проблем цветового восприятия (иначе пост быстро превратится в помойку) — для всяких Измайловских парков на схеме и для людей с нормальным цветовосприятием есть другие посты.
Возможно, ваши комментарии сделают навигацию в метро намного удобнее.
Спасибо!

Большая просьба не писать там в комментариях ничего кроме проблем цветового восприятия (иначе пост быстро превратится в помойку) — для всяких Измайловских парков на схеме и для людей с нормальным цветовосприятием есть другие посты.
Возможно, ваши комментарии сделают навигацию в метро намного удобнее.
Спасибо!

+10
Адаптация сайта для пользователей с ограниченными возможностями — это не сложно
11 мин
36KВеб-разработчики к адаптации сайтов для слабовидящих (и других категорий людей с ограниченными возможностями здоровья) относятся двойственно. С одной стороны, я еще не встречал человека, который бы сказал «их слишком мало, чтобы тратить на них время»; с другой — в условиях фиксированных бюджетов и сжатых сроков именно так и случается. К тому же, тот факт, что для этого надо изучать какие-то правила, рекомендации, часто просто пугает. А между тем, большинство рекомендаций WCAG 2.0 от консорциума W3C (Web Content Accessibility Guidelines, Руководство по обеспечению доступности веб-контента) при ближайшем рассмотрении банально совпадают с правилами хорошего тона, рекомендациями для адаптации сайтов под мобильные устройства, да и просто не так уж и сложны в реализации. При этом следование этим рекомендациям упростит работу с сайтом не только не только пользователям с ограниченными возможностями здоровья, но и пользователям с ограниченными техническими возможностями (низкоскоростной Интернет; отсутствие мыши, как на смартфонах; маленький экран), а также пожилым людям. Поэтому я решил написать вольное изложение всех двенадцати положений WCAG 2.0, которое и предлагаю вашему вниманию.
+23
Вклад авторов
melnik909 851.0Ohar 246.2Tseikovets 185.3MastaLomaster 174.6phillennium 168.0Foxvic 153.0tyomitch 153.0iovodov 147.0Delka 147.0savoptik 133.0