Рубрика «accessibility» - 2

Сверстать собственный индикатор загрузки — одна из самых простых задач, с которой может столкнуться веб-разработчик. Для получения рабочего решения пригодятся базовые знания HTML и CSS, а JS будет нужен лишь для управления процентом выполненной задачи.

Однако эта простота обманчива. Интернет наполнен множеством решений, в которых индикатор загрузки анатомически состоит из кучи вложенных друг в друга div-контейнеров, приправленных щепоткой CSS. Не нужно так! В мире грустит один котенок, когда вы игнорируете семантику верстки и забываете про доступность (a11y).

В этой статье я расскажу, как мы в проекте Читать полностью »

Приветствую. Представляю вашему вниманию перевод статьи «Building a switch component», опубликованной 11 августа 2021 года автором Adam Argyle.

От переводчика

Некоторое время назад на Habr уже был перевод хорошей статьи на похожую тему под названием "Доступный toggle".

Здесь же описывается немного другой метод

В данной статье автор делится мыслями об одном из способов создания компонента переключателя. Демонстрация

Читать полностью »

image

Интернет проник во все аспекты нашей жизни, но мы уверены, что один аспект цифрового мира вы считаете чем-то само собой разумеющимся. Замечали ли вы, что множество ссылок, в частности, гипессылок, имеет синий цвет? Когда коллега спросил меня, почему ссылки синие, я была поражена. Я UX-дизайнер и создаю веб-сайты с 2001 года, и я всегда делала ссылки синими. Да, я отстаивала выбор конкретного оттенка синего и согласованное применение синего цвета, но никогда не задумывалась: почему же ссылки синие? Это просто был факт из жизни. Трава зелёная, гиперссылки синие. В нашей культуре настолько принято ассоциировать ссылки с синим цветом, что когда в 2016 году Google изменила цвет ссылок на чёрный, это вызвало разногласия.

Но теперь меня поглотил вопрос: ПОЧЕМУ же ссылки синие? КТО решил сделать их синими? КОГДА было принято это решение и КАК это решение оказалось таким влиятельным?
Читать полностью »

Привет! Это снова Станислав М***, реабилитированный инвалид. Рассказываю про свой опыт выздоровления. 

Как не сдаться и жить хорошо даже после 15 лет болезни (история инвалида) - 1

Поможет тем, кто инвалид. Также рекомендую рассказывать эту историю тогда, если хотите кого-то вдохновить. Если инвалид сумел преодолеть трудности, то и подавно — сможет каждый.

Что со мной

Читать полностью »

Всем доброго времени суток! Продолжаю свой рассказ о том, как "Войти в IT" без подгляда. Прошлая часть была посвящена, в основном, обучению. В этой больше расскажу о работе.

Читать полностью »

Существует довольно популярный сайт https://custom-elements-everywhere.com где показывается как работают веб-компоненты в разных фреймворках. Почти у всех фреймворков там красивый 100% результат, но у React там очень настораживающие 71%:

Рейтинг React на custom-elements-everywhere.com
Рейтинг React на custom-elements-everywhere.com

Многие пользователи смотрят на эту страничку и делают вывод, что React плохо поддерживает не только веб-компоненты, но и DOM API в принципе. Так ли это? Действительно ли все плохо?

Давайте разбираться!

Читать полностью »

Доступность — это просто, Или 5 смертных грехов доступности - 1

Читать полностью »

Принято говорить, что такого-то числа отмечается такое-то событие. Так вот, 7 октября — международный день поддержки людей с ДЦП, но слово «отмечается» вряд ли хоть сколько-нибудь уместно, ведь это не праздник с тортом и свечками. Аббревиатура настолько значимая, что ей в международном календаре отведена отдельная дата.

В прошлом году наши старые друзья в лице агентства «Сметана» разработали «Доброшрифт» — шрифт, каждая буква которого написана ребёнком с ДЦП, а позже оцифрована. Идею с заменой логотипа поддержали многие компании, благодаря чему удалось превратить задумку в масштабную кампанию, цель которой — привлечь внимание к проблеме и собрать средства на индивидуальные программы реабилитации детей.
Доброшрифт: так пишутся добрые дела - 1Читать полностью »

Уверен, многие хоть раз создавали всплывающее модальное окно. Но задумывались ли вы об определении этого компонента? Как он должен работать?

В этом материале я постарался собрать максимально полный свод правил, рекомендаций и примеров реализации по которым модальные окна должны работать.

Я покажу, как просто создавать сложные, удобные, производительные и доступные модальные окна независимо от браузера, платформы, устройства или способа взаимодействия пользователя.

Этот список сформирован на основе спецификаций WAI-ARIA, HTML Living Standard и моего личного опыта. И хотя я буду говорить про веб, большинство правил и рекомендаций применимы для модальных окон где угодно.

Читать полностью »

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

Когда я работал в команде, занимающейся автомобилем от Google (сейчас эта компания называется Waymo), я настаивал на том, чтобы мы начали с сервиса для людей с ограниченными возможностями. Мы так и не создали этот сервис, хотя первая большая публичная демонстрация прототипа от Google позволила местному защитнику прав незрячих людей выполнять ряд своих повседневных задач. Стив Мэхэн, выступивший в роли пассажира, сказал, что возможность самостоятельно выбраться в мир на автомобиле впервые со времен, когда он лишился зрения, подарила ему чувство свободы.

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

Речь не только о проблемах со зрением – мобильность нужна очень разным людям с ограниченными возможностями, включая, конечно, тех, кто не имеет возможности ходить. Сегодня транспортировка в инвалидной коляске для многих является довольно сложной задачей. Рынок очень мал, специализированные автомобили и фургоны могут стоить очень дорого (особенно для людей, уровень доходов у которых ниже среднего). Многие вынуждены пользоваться общественным транспортом, у которого имеется множество своих проблем.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js