Как стать автором
Обновить
0.56
Рейтинг

Accessibility *

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

Сначала показывать
  • Новые
  • Лучшие
Порог рейтинга
  • Все
  • ≥0
  • ≥10
  • ≥25
  • ≥50
  • ≥100

Разработчики Mozilla выяснили, почему гиперссылки синие

Веб-дизайн *Accessibility *Браузеры Графический дизайн *История IT
Перевод
image

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

Но теперь меня поглотил вопрос: ПОЧЕМУ же ссылки синие? КТО решил сделать их синими? КОГДА было принято это решение и КАК это решение оказалось таким влиятельным?
Читать дальше →
Всего голосов 63: ↑58 и ↓5 +53
Просмотры 29K
Комментарии 65

Руководство по инструментам доступности

Блог компании HTML Academy Веб-дизайн *Разработка веб-сайтов *Accessibility *Тестирование веб-сервисов *
Перевод
Tutorial

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

Это перевод статьи Nic Chan «A Complete Guide To Accessibility Tooling» из журнала Smashing Magazine.

Читать далее
Всего голосов 17: ↑17 и ↓0 +17
Просмотры 6.1K
Комментарии 0

6 хороших практик по HTML и CSS

CSS *HTML *Usability *Accessibility *
Tutorial

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

Читать далее
Всего голосов 13: ↑12 и ↓1 +11
Просмотры 14K
Комментарии 18

Эксперимент для сотрудника с нарушением слуха, ч. 2, проверка на себе

Блог компании Cloud4Y Python *Программирование *Accessibility *Здоровье

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

Отдельное спасибо комментаторам, которые отметились в комментариях к первой части. Устройства с костной проводимостью, программные решения вроде Equalizer APO 1.2.1, слуховые устройства с поддержкой Bluetooth — мы собрали и передали все ваши идеи. Может быть, что-то из этого и выйдет. Но мы расскажем о своём варианте. Возможно, он тоже окажется кому-то полезен.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 1K
Комментарии 1

Обеспечение доступности веб-контента: стандарты, критерии, пример реализации

Блог компании ispring Usability *Accessibility *Тестирование веб-сервисов *
image

Привет, меня зовут Павел. Я занимаюсь изучением и тестированием доступности.

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

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

В данной статье мы погрузимся в вопрос доступности контента, разберемся, почему важна доступность в интернете, чем она регламентируется и как реализуется. В завершение, я расскажу на реальном примере, как мы с командой работали над повышением доступности нашего продукта — конструктора онлайн-курсов iSpring Suite.
Читать дальше →
Всего голосов 5: ↑4 и ↓1 +3
Просмотры 1.8K
Комментарии 5

Эксперимент для сотрудника с нарушением слуха, ч. 1

Блог компании Cloud4Y Python *Программирование *Accessibility *Здоровье
Перевод

Привет, c вами Cloud4Y!

Есть замечательная статья 'Experimenting On My Hearing Loss' by paddlesteamer, которая сама по себе достойна перевода. Но инженер компании Дмитрий Михайлов вместе с Андреем Огурчиковым пошли дальше, испытав методику на себе. Материала получилось много, с обилием кода и аудиограмм. Поэтому мы разбили его на две части. В первой расскажем, зачем нам понадобилось "играться" со звуком и опубликуем перевод статьи, ставшей основной для последующей доработки напильником. Вторая часть будет посвящена нашему решению. Если у вас есть сотрудники с нарушениями слуха, рекомендуем к прочтению.

Читать далее
Всего голосов 18: ↑18 и ↓0 +18
Просмотры 2.7K
Комментарии 16

Доступность на iOS началась с «36 секунд»

Блог компании Dodo Engineering Разработка под iOS *Разработка мобильных приложений *Usability *Accessibility *
Перевод

8 июня 2009 года Фил Шиллер выступил на WWDC. Всего 36 секунд он неловко говорил о VoiceOver, Zoom, White on Black (с  iOS 6 называется Invert Colors) и Mono Audio. Это были первые реальные специальные функции на платформе iPhone OS, как её тогда называли. Однако, они не произвели большого впечатления — 36 секунд закончились, а потом не было никакой демонстрации или аплодисментов, и Шиллер просто перешел к описанию приложения Nike+.

Но в сообществе людей с проблемами зрения всё было иначе. Казалось, что время остановилось где-то после 1:51:54. Произошло нечто совершенно удивительное, и только несколько человек, казалось, понимали, что это значит.

Читать далее
Всего голосов 15: ↑14 и ↓1 +13
Просмотры 7.5K
Комментарии 5

Цифровая доступность: пять ключевых проблем в интерфейсах. Совместный вебинар Яндекс.Практикума и Валерии Курмак

Блог компании Яндекс.Практикум Веб-дизайн *Разработка веб-сайтов *Accessibility *
13 мая Яндекс.Практикум вместе с Валерией Курмак проводит открытый вебинар «Цифровая доступность: пять ключевых проблем в интерфейсах». Вебинар будет полезен дизайнерам и разработчикам интерфейсов, которые хотят научиться проектировать доступно.



Юзабилити строится на восприятии и взаимодействии. Но что, если пользователь для восприятия интерфейса масштабирует его на 400, 600 и более процентов? Как тогда работают выпадающие списки, сторис и другие такие обыденные для каждого дизайнера и разработчика элементы?

На вебинаре слабовидящий Дима Глюз покажет на примерах, какие барьеры он встречает в интерфейсах. А руководитель продуктового дизайна Яндекс.Практикума Сергей Кудинов и руководитель фронтенд-разработки Давид Роганов расскажут, как не создавать такие барьеры при проектировании.
Читать дальше →
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 957
Комментарии 0

HTMHell — адовая разметка

Разработка веб-сайтов *CSS *HTML *Usability *Accessibility *
Перевод
Tutorial

Перевод заметок с сайта HTMHell - коллекции плохих примеров HTML-кода, взятых из реальных проектов.

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

Читать далее
Всего голосов 12: ↑11 и ↓1 +10
Просмотры 11K
Комментарии 10

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

Блог компании ITSOFT Accessibility *Карьера в IT-индустрии Мозг Здоровье

Я был обычный человек, а теперь инвалид. Но реабилитировался (в плане здоровья, работы, социальной жизни) и работаю в IT. 

В статье рассказываю о том, что случилось и как я преодолел это.

Заряд мотивации обеспечен!

Читать далее
Всего голосов 115: ↑102 и ↓13 +89
Просмотры 16K
Комментарии 120

Фриланс, любовь и инвалидность. Как жить хорошо, когда жить сложно

Блог компании ITSOFT Accessibility *Фриланс Карьера в IT-индустрии Здоровье

Как я стал инвалидом и организовал свою жизнь. Да, финансы - мое больное место. Зато я женат и счастлив.

Как так получилось? Узнаете из этой статьи...

Читать далее
Всего голосов 59: ↑46 и ↓13 +33
Просмотры 10K
Комментарии 48

3 года программирования вслепую. Часть 2

PHP *Symfony *Accessibility *Карьера в IT-индустрии Читальный зал

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

Читать дальше →
Всего голосов 96: ↑95 и ↓1 +94
Просмотры 27K
Комментарии 33

Программа HolyJS: нюансы DevTools, минусы GraphQL, инструменты a11y

Блог компании JUG Ru Group JavaScript *Accessibility *VueJS *TypeScript *


Осталось меньше месяца до конференции HolyJS (20-23 апреля, онлайн) — пора рассказать, что именно там будет. Под катом описания докладов с разбивкой по тематическим блокам. А для начала — несколько вопросов для затравки:


  • В чём недостатки GraphQL?
  • Зачем OCaml на фронтенде?
  • Чего вы не знаете о DevTools?
  • Как писать надёжные тесты для Vue?
  • Как сделать свой DSL-язык легко и непринуждённо?
  • Как добиться на дешёвом устройстве плавности дорогого?
  • Как отобразить 100500 метрик и не сойти с ума?
  • Как принести в JS типы ещё радикальнее, чем в TypeScript?

Ответы на всё это и многое другое — в докладах.

Читать дальше →
Всего голосов 14: ↑14 и ↓0 +14
Просмотры 1.9K
Комментарии 4

Дискриминация в алгоритмах ML существует — и нет, это не либеральные сказки

Big Data *Accessibility *Машинное обучение *Искусственный интеллект
Из песочницы

Человеческий мозг, как мы все знаем, полон предрассудков. Возникает вопрос: если машинное обучение "живет" за счет того, что очень близко имитирует этот наш мозг, то почему его алгоритмы не могут быть такими же необъективными и проявлять такую же несправедливость? К сожалению, они частенько это и делают.

Давайте расскажем вам как именно.

Ну так как?
Всего голосов 41: ↑14 и ↓27 -13
Просмотры 4.4K
Комментарии 30

Очередной гайд по HTML-элементам, которые можно использовать в каждом проекте

HTML *Accessibility *
Tutorial
В сети существует множество гайдов, которые описывают назначение HTML-элементов. Но сколько я не проводил собеседований или не проверял код, я вижу одну картину, разработчики используют ограниченный набор элементов. Поэтому я взял следующий набор элементов: header, nav, main, section, article, aside, address, и показал случаи, когда можно их использовать.
Читать дальше →
Всего голосов 20: ↑19 и ↓1 +18
Просмотры 12K
Комментарии 6

Помощь многим: Android-приложение для людей с особыми потребностями

Блог компании Samsung Разработка под Android *Accessibility *

Приветствую всех! Я Беглецов Глеб, учусь в 11 классе, летом прошлого года закончил программу “IT Школа Samsung” в г. Санкт-Петербург на площадке ФМЛ 239 под руководством Левина Михаила Константиновича. В качестве выпускной работы я разработал приложение, которое назвал “Parus”. Это мой первый большой проект под Android, и он мне принес  ГРАН-ПРИ финала Всероссийского конкурса IT Школы Samsung (ролик). Хочу поделиться историей создания этого проекта.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 2.2K
Комментарии 15

NextMind Dev Kit: обзор первого нейроинтерфейса реального времени

Блог компании Selectel Accessibility *Гаджеты Носимая электроника Будущее здесь

Мечта об управлении компьютером силой мысли вот уже более полувека будоражит умы людей. Еще с 1960 года специалисты DARPA рассматривали возможность симбиоза человека и компьютера. Казалось бы, задачка элементарная: считать электрический сигнал от мозга, сформировать на его основе команду и исполнить ее на компьютере. Но даже на первом этапе возникают очень большие сложности. Дело в том, что сигнал от мозга настолько слабый, что его требуется усиливать почти в 20000 раз.

Собрать такую схему сейчас не проблема, но тут возникает еще один существенный нюанс. Для того, чтобы снять полезный сигнал с кожи головы, необходима как можно большая площадь контакта датчиков. При малой площади контакта неизбежно начнут возникать проблемы из-за резкого увеличения сопротивления. Полезный сигнал просто не будет различим на фоне шумов.
Читать дальше →
Всего голосов 29: ↑27 и ↓2 +25
Просмотры 6.9K
Комментарии 25

Большой отчёт об изменениях в веб-доступности

Блог компании Mail.ru Group Блог компании Delivery Club Tech Usability *Accessibility *WebAssembly *
Перевод


В 2020 году, как никогда раньше, стала очевидна необходимость сделать цифровое пространство инклюзивным и доступным для всех. Из-за продолжающейся пандемии, которая осложнила личный доступ к услугам и перевела целые отрасли в онлайн, особенно сильно страдают люди с ограниченными возможностями. К тому же их количество с растет из-за долгосрочных последствий пандемии.
Читать дальше →
Всего голосов 18: ↑18 и ↓0 +18
Просмотры 3K
Комментарии 1

Доступность — это не так просто

Блог компании Mail.ru Group Блог компании Delivery Club Tech CSS *HTML *Accessibility *


Привет, Хабр! В предыдущей статье я рассказывал о простых случаях проблем с доступностью, исправив которые можно сделать свой сайт или web-приложение гораздо доступнее. Я упоминал о правиле 80/20 и писал о проблемах, которые при наименьших затратах дают наибольший результат. Сегодня я бы хотел поговорить о другой группе проблем, которые входят в 20% и для решения которых нет готовых рецептов вроде «всегда заполняйте атрибут alt» или «используйте верные заголовки».

Выбирая формат повествования, я не придумал ничего лучше, чем просто описать ход своих мыслей на достаточно часто встречающемся примере.
Читать дальше →
Всего голосов 39: ↑38 и ↓1 +37
Просмотры 4.6K
Комментарии 11

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

Блог компании Mail.ru Group Блог компании Delivery Club Tech Интерфейсы *Usability *Accessibility *

Привет, Хабр! Меня зовут Алексей Устинов, я Frontend-разработчик в Delivery Club. В свободное время я интересуюсь вопросами доступности интерфейсов. Это первая из двух статей, в которых я хочу рассказать о проблемах с доступностью в вебе. Я расскажу про 5 простых правил, соблюдая которые можно значительно улучшить доступность сайта. Также мы рассмотрим самые распространённые проблемы, я объясню, почему они являются проблемами, и дам простые советы по их решению. Во второй статье я, наоборот, приведу примеры элементов страницы, сделать доступными которые — совсем нетривиальная задача.

Я уверен, что ты, %username%, слышал про правило 80/20: 80% результата можно достичь за 20% трудозатрат, а на достижение остальных 20% необходимо потратить 80% трудозатрат. Именно это правило объединяет эту и следующую статью.

Читать далее
Всего голосов 45: ↑39 и ↓6 +33
Просмотры 8.3K
Комментарии 39