Представь, что ты незрячий. Вот так ты услышишь эту картинку: «Буква D в чёрных очках и с белой палочкой и буква O в инвалидной коляске смотрят на большой телефон. На экране телефона скриншот приложения Додо Пиццы, который проговаривает названия ячейки меню из пицц для VoiceOver. Картинка стилизована под старые компьютеры и выполнена в зелёных цветах. Нажать кнопку «Читать дальше».
Рубрика «accessibility» - 4
Voice Control и VoiceOver: как адаптировать приложение для незрячих или неподвижных
2020-01-15 в 6:59, admin, рубрики: accessibility, Dodo IS, Dodo Pizza, Dodo Pizza Engineering, iOS, mobile, voice control, voiceover, Блог компании Dodo Pizza Engineering, разработка мобильных приложений, разработка под iOSДелаем HTTP-запросы, изящно деградируем (и ни единого разрыва)
2020-01-13 в 10:30, admin, рубрики: accessibility, ajax, graceful degradation, html, http, javascript, Progressive enhancement, Блог компании Tinkoff.ruСегодня мало кто помнит, что веб-приложения могут работать без единого XHR-запроса. AJAX (Asynchronous Javascript and XML) дает классную возможность — подгружать данные без перезагрузки страницы. Эта концепция лежит в основе большинства современных SPA.
Но ничто не дается просто так, за все нужно платить. Концепция AJAX кажется предельно простой, но даже на уровне запроса данных с сервера можно встретить кучу проблем.
Читать полностью »
Внесите эти изменения, чтобы соответствовать стандартам доступности веб-дизайна
2019-12-16 в 16:57, admin, рубрики: accessibility, веб-дизайн, дизайн, переводПривет! Предлагаю Вашему вниманию перевод статьи «Make These Changes to Meet Web Design Accessibility Standards» автора Richard Pilton
Что такое доступность?
Доступность (всё чаще мы её так и называем Accessibility) — это дизайн продуктов, устройств или услуг, которые могут использовать как можно больше людей, включая людей с ограниченными возможностями, такими как нарушение зрения, двигательные трудности, трудности в обучении или глухота.
Плюсы доступности
Главное преимущество успешного проектирования доступной платформы — сделать ваше приложение или веб-сайт доступным для всех, но есть немало других преимуществ.
Читать полностью »
Как слепоглухой профессор в шлемофоне покорил Хакатон-2019
2019-12-02 в 13:42, admin, рубрики: accessibility, Биотехнологии, гаджеты, Киберпанк, Развитие стартапаДва дня и одна ночь потребовалась разработчикам, чтобы не имея ничего, кроме идеи, создать первое в мире виброслуховое средство реабилитации – шлемофон для слепоглухого профессора психологии Александра Суворова. Но победой москвичам пришлось поделиться с разработчиками мобильной игры для детей-инвалидов. Команда из Пензы создала уникальный прецедент, когда главный приз достался сразу двум проектам.
36-часовой марафон разработчиков в этом году собрал более 100 участников – 15 команд из семи регионов России: Санкт-Петербург, Новосибирск, Пенза, Липецк, Великий Новгород, Самара и Москва. Десятки менторов и экспертов в области социального бизнеса и реабилитационной индустрии. Такого размаха Хакатон не знал никогда.
3D-принтеры заработали сразу после старта и не прекращали печать до самого финала, создавая прототипы уникальных продуктов и смелых решений. Каждый участник был настроен решительно и искренне работал на победу, что поддерживало состязательную атмосферу творчества на протяжении всего Хакатона.
Читать полностью »
Веб-альманах 2019: Доступность
2019-11-17 в 20:07, admin, рубрики: accessibility, css, html, layout, usability, верстка, доступность, Разработка веб-сайтовДоступность в вебе имеет важное значение для равноправного и справедливого общества. Чем больше наша социальная и профессиональная сфера жизни переходит в онлайн, тем более важной для людей с ограниченными возможностями становится способность принимать участие во всех онлайн взаимодействиях без дополнительных барьеров. Подобно тому, как архитекторы зданий могут заботиться или пренебрегать технологиями доступности, такими как рампы для инвалидных колясок, веб-разработчики могут помогать или мешать пользователям, использующим дополнительные средства для выхода в интернет.
Читать полностью »
Как проектировать большие и сложные веб-таблицы
2019-11-13 в 21:26, admin, рубрики: accessibility, edisonsoftware, usability, web-разработка, Блог компании Edison, веб-дизайн, дизайн, интерфейс, интерфейсыПредставьте, что вы разрабатываете систему для исследования данных. Или приложение для управления энергией. Или дашборд для продавцов кукурузой. Может быть, вы разрабатываете что-то подобное прямо сейчас. Во всех упомянутых случаях люди будут ожидать таблиц. Не те модные из вдохновляющих сайтов, а выглядящие как Excel монстры с сотнями ячеек и сложным взаимодействием.
В этом случае дизайнер сталкивается со многими проблемами. Например, сопоставление дизайна с существующими фронт-енд фреймворками или борьба с «неудобными» данными, которые разрушают макет. Мы преодолеем эти проблемы с помощью следующих шагов: систематизируем потребности, станем атомарными и определим взаимодействие.
Читать полностью »
Мифы о доступности цветового контраста
2019-11-04 в 13:13, admin, рубрики: accessibility, color, color blindness, contrast, design, interface, interface design, interfaces, WCAG, веб-дизайн, графический дизайн, дизайн, дизайн мобильных приложенийВ сегодняшнее время растёт потребность дизайнеров в том, чтобы сделать интерфейсы доступными абсолютно для всех пользователей. Естественно, очень важно приспособить пользователей с ограниченными возможностями к пользованию такими интерфейсами, но в то же время рождается достаточно мифов касательно основ доступности цветового контраста и эти мифы увековечиваются дезинформированными людьми. Они часто повторяют и ретранслируют эти мифы, чтобы дискредитировать дизайн, не понимая, в каких ситуациях применяется тот или иной стандарт цветового контраста. Кроме того, они предполагают, что интерфейс является недоступным, когда для передачи информации используется цветовой контраст.
Из-за этого дизайнеры часто зацикливаются на параметрах доступности дизайна для людей с ограниченными возможностями. Они вводят других в заблуждение, полагая, что их интерфейс недоступен, когда на самом деле он удовлетворяет требования доступности. Тезисы, содержащиеся в этой статье постараются развенчать распространенные мифы о доступности цветового контраста.
Как заставить ваши веб-приложения работать в автономном режиме
2019-11-03 в 22:08, admin, рубрики: accessibility, edisonsoftware, javascript, Блог компании Edison, Программирование, Разработка веб-сайтовСила JavaScript и браузерного API
Мир становится все более взаимосвязанным — число людей, имеющих доступ к Интернету, выросло до 4,5 миллиардов.

Но в этих данных не отражено количество людей, у которых медленное или неисправное интернет соединение. Даже в Соединенных Штатах 4,9 миллиона домов не могут получить проводной доступ к интернету скорость которого будет более 3 мегабит в секунду.
Остальной мир — те, кто имеет надежный доступ к Интернету — все еще подвержен потере соединения. Некоторые факторы, которые могут повлиять на качество сетевого подключения, включают в себя:
- Плохое покрытие от провайдера.
- Экстремальные погодные условия.
- Перебои питания.
- Пользователи, попадающие в «мертвые зоны», такие как здания, которые блокируют их сетевые подключения.
- Путешествие на поезде и проезд туннелей.
- Соединения, которые управляются третьей стороной и ограничены во времени.
- Культурные практики, которые требуют ограниченного или отсутствия доступа в Интернет в определенное время или дни.
Учитывая это, ясно, что мы должны учитывать автономный опыт при разработке и создании приложений.
Читать полностью »
Заметки верстальщика: Полезные расширения Google Chrome в 2019 году
2019-10-17 в 13:52, admin, рубрики: accessibility, chrome extensions, Google Chrome, html, pageliner, perfect pixel, tabsbook, user css, Wappalyzer, Web Developer, wireframily, Блог компании Wrike, верстка сайтов, Разработка веб-сайтов, Расширения для браузеровВ моем браузере установлено около 30 расширений, которые упрощают жизнь и работу в интернете. В этой статье я хочу поделиться 10 актуальными расширениями Google Chrome для верстальщика, которые постоянно использую при разработке сайтов.
Англоязычные доклады, CSS, Grid и доступность на FrontendConf
2019-10-03 в 8:57, admin, рубрики: accessibility, css, frontendconf, Grid, grid layout, javascript, JS, Блог компании Конференции Олега Бунина (Онтико), доступность, интервью, конференции, Разработка веб-сайтовНа FrontendConf в этом году будет выступать Leonie Watson — евангелист доступности, и Andy Bell — широко известный в мировом фронтенд-сообществе автор электронной книги «Every Layout». Выступление Leonie будет нестандартным и технически сложным, когда зрение участников будет не самым важным чувством. Andy и Leonie пригласил Павел Ловцевич. Он организует конференции в Минске, приглашает иностранных спикеров на свои конференции и к нам на FrontendConf, курирует доклады и все это, не считая работы техническим директором.
Накануне FrontendConf мы поговорили с Павлом о его роли в программном комитете конференции, о приглашении иностранных докладчиков, доступности, CSS и Grid Layout, usability презентаций, неочевидных мелочах, особенностях работы куратора, а в конце — почему вообще важно посещать конференции.
Читать полностью »