Accessibility *

Почти 4 года назад мы написали одну из самых популярных статей в рунете про проектирование больших проектов с таким же названием, как и эта: часть 1 и часть 2. Только на Хабре её прочитало более 170 тыс. человек, а вообще она публиковалась в самых разных изданиях мира. Более 1000 стартапов использовали наработки из этой статьи для проектирования, и это только те, о которых я слышал и которые нам писали. Но время не стоит на месте, а мы постоянно развиваемся. С тех пор наша технология проектирования значительно эволюционировала и стала еще лучше. В этой статье мы опишем нашу обновленную технологию проектирования и покажем много живых примеров для каждой стадии.

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

Пожилым людям трудно читать веб-страницы из-за изменений, произошедших со шрифтом в последние годы

Эксперты выяснили, что интернет становится нечитабельным из-за тенденции эволюции в сторону «тощих» шрифтов, которые ухудшают видимость слов на экране для пожилых людей или людей с ослабленным зрением.

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

Отмеченный наградами блоггер Кевин Маркс, основатель Microformats и бывший вице-президент веб-сервисов в BT, решил изучить проблему после того, как заметил, что стал испытывать всё больше трудностей при чтении текста на экране.

С 21 октября 2016 на UltraVDS была включена возможность добавления видеокарт к арендуемым серверам. Такой функционал стал возможным с выходом Windows Server 2016, включающая в себя обновлённую среду виртуализации Hyper-V.

Цель данного поста, с одной стороны, продемонстрировать насколько незрячим пользователям сложно, а порой и вовсе невозможно работать с html контролами, не реализующими требования доступности, а с другой — показать, что реализовать эти требования совсем не трудно.

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

Все части статьи: 1 | 2 | 3 | 4 | 5 | 6

---

«Создать идеальный день на работе»: профессиональные интерфейсы

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

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

В фильме Спайка Джонса 2013 года «Она» усатый Хоакин Феникс, переживший неудачную любовь, со всей страстью влюбляется в своего личного робота-помощника по имени Саманта.

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

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

Быстрее — всегда лучше, и разговор, по мере совершенствования структуры общения, обработки естественного языка и ботов с искусственным интеллектом, всё больше вытесняет нажатие клавиш, становясь нашим предпочтительным методом нахождения информации.

Был недавно в Прожекторе, где собрались дизайнеры (руководители проектов) которые занимались улучшением навигации в метро (и не только в метро) в Москве и Киеве.

Из Москвы на эту сессию лекций приехал Алексей Радченко, который руководил разработкой системы единой транспортной навигации для Москвы (и в метро тоже) в 2014 году.

В лекциях пойдет речь о том:
— что такое навигация?
— какой она должна быть?
— как ее сделать удобной и понятной для людей и как ее постоянно улучшать?
— как взаимодействовать со всякими «железобетонными» по образу мысли госорганами, которые отвечают за навигацию?
— примеры дизайна навигации из других городов
— ребята из "Агентов змин" рассказали о том как они создавали схемы навигации для киевского метро
— как работают студии (не Лебедева), которые специализируются на разработке и дизайне навигационных схем для городов?
и о многом другом касательно дизайна городской среды в плане навигации. Лекция сверстана со слайдами, чтобы можно было сразу наглядно видеть примеры того, о чем говорит докладчик.

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

Технологии развиваются со сверхзвуковой скоростью, а проектирование интерфейсов, как и любой навык, нуждается в постоянной практике. Совокупность двух этих факторов открывает целую галактику для полёта дизайнерской мысли.

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

• если решение интуитивно понятно
• если решение упрощает процесс взаимодействия
• если решение реализуемо

Как грустно, что в крупном городе с Wi-Fi в метро и воздушными зебрами до сих пор нужно вчитываться в запутанные квитанции и стоять в очередях, чтобы оплатить коммунальные услуги.

Не так давно вышло приложение ЖКХ Москвы, призванное облегчить жизнь граждан. Его описание гласит:

«С помощью приложения возможно ввести показания счетчиков водоснабжения, узнать, когда отключат горячую воду, получить информацию об управляющей компании, узнать задолженность по услугам ЖКХ, принять участие в опросе, а также обсудить с соседями проблемы обслуживания вашего дома на форуме.»

19 мая 2016 года — это третий четверг пятого месяца, а значит Global Accessibility Awareness Day или День всеобщей осведомлённости о доступности. В этот день принято говорить об accessibility, а также о том, как важно её учитывать при разработке web-ресурсов и программного обеспечения. Однако практика показывает, что в русскоязычном IT-сообществе не помешало бы поговорить не просто о важности accessibility, а о том, что это вообще такое, так как многие явно до сих пор не понимают разницу между accessibility и availability.

В частности, на Хабрахабре регулярно в хабе Accessibility появляются статьи про доступность систем, откуда их со временем вычищают по обращениям энтузиастов accessibility.

У вас возник вопрос «А что в этом такого?» Тогда мы идём к вам!

Наверное, все при взгляде на этот экран мысленно переносят обе руки на клавиатуру. Да, тут можно было навигироваться без мышки и это было быстро и хорошо! Многие до сих пор используют подобные менеджеры (Total commander, Far etc).

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

Как же достичь удобства навигации без мышки в вебе?

Лестницы в бассейнах физически тяжело использовать.

Сегодня, 13 ноября, Международный день слепых. Он приурочен ко дню рождения педагога Валентина Гаюи, который в 1784 году открыл на личные средства первую в мире школу для незрячих детей. Это не праздник, а памятная дата, призванная напоминать обществу о существовании рядом людей с нарушениями зрения. В современном мире большая часть жизни людей переместилась в on-line, что открыло перед людьми с ограничениями здоровья новые возможности, но и породило новые вызовы.



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

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

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

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



Клавиатурное управление требует много JS-логики, поэтому мы старались держать его минимальным и добавили только то, что нужно уметь делать на каждой странице с результатами поиска. Например, мы научили её переключаться по сочетанию клавиш на следующие 10 результатов и возвращаться к предыдущим — для этого нужно нажать Alt + → или Alt + ← соответственно. Теперь одной кнопкой можно вернуться и в строку поиска, чтобы переформулировать запрос — Esc или Tab.

Также доступен vim-режим, в котором навигация осуществляется не только стрелками, но и клавишами h, j, k, l. Если режим отключен, то при наборе текста курсор сразу попадает в поле ввода и на нём не нужно специально ставить фокус

Предисловие

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

Пользователь перевернул телефон, когда поступил входящий вызов? Уберём звук. Устройство подняли так, будто хотят сделать фото? Включим, если за нас это ещё не сделали по старинке, камеру. Как? Сенсоры нам в помощь.

Введение

Доброго времени суток. Я думаю, что accessibility знакомое слово многим IT-специалистам (я не считаю себя специалистом, так как не имею образования в этой сфере, я любитель). Для кого-то accessibility знакомо, как абстрактное понятие доступности. Кто-то с ним работает каждый день, а кто-то его использует каждый день.