Обновить
36.05

Accessibility *

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

Сначала показывать
Порог рейтинга
Уровень сложности

HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 13

Время на прочтение6 мин
Количество просмотров1.9K

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

Сегодня мы рассмотрим следующие аспекты:

где полезно использовать элемент search;

существующие проблемы при использовании единиц измерения от размеров вьюпорта для установки размера текста;

как элемент hr влияет на опыт пользователей скринридера;

нужны ли заголовки модальным окнам.

Давайте начнём!

Читать далее

Новости

Самый большой секрет HTML: тег <output>

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров9.1K

Все разработчики знают о теге <input>, это рабочая лошадка веба.

Но что такое <output>? Большинство его никогда не касались. Кто-то даже не подозревает о его существовании.

И очень жаль, ведь этот тег решает проблему, которую мы годами пытались решить связкой <div> и ARIA: динамические результаты, по умолчанию объявляемые программам для чтения экрана.

Этот тег уже много лет находится в спецификации, но почему-то скрывается у всех на виду.

Читать далее

Если эффективность есть, то зрение опционально

Уровень сложностиПростой
Время на прочтение14 мин
Количество просмотров1.4K

💥  «Слепые не видят преград — только дедлайны»

Сложности в трудоустройстве есть у некоторых всех. Вы знали, что люди с инвалидностью и без отзываются об этом одинаковыми словами? Одни говорят «Трудоустройте меня, потому что "Я слепой, мне и так трудно”», а другие «У меня же ипотека, войдите в моё положение» или «Я работаю в айти уже 30 лет, у меня гигантский опыт, а эйчары даже не отвечают. Рынок найма сломался!»

Больно? Ещё как! Но если мы будем просто жалеть себя и в панике наматывать круги в чатах по поиску работы, никакого толкового КПД не родим. В этой статье я поделюсь своим личным опытом и опытом других людей со слепотой о том, как найти и реализовать себя, будь то работа, блогерство или проекты в искусстве.

И этот опыт как никогда пригодится тебе, мой нормотипичный друг.

Читать далее

Дорогие джуны, не делайте так. Коллекция плохих привычек в HTML и CSS

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров21K

Привет, Хабр!

Давно я ничего не писал для джунов. А ведь HTML и CSS не стали проще для них. Всё так же есть сложности, и мне надо как-то помочь людям.

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

Давайте посмотрим, что я вам подготовил.

Читать далее

Клавиатурные хуки, растровые манипуляции на экране ‒ от первого шага до полноценного кода

Уровень сложностиСредний
Время на прочтение14 мин
Количество просмотров1.1K

Зачем две темы в одной статье? Затем, что есть задачи, которые нуждаются в обоих механизмах, поэтому новичок, решивший освоить C++ для своих практических нужд, с помощью этой статьи может сразу приступить к реализации не слишком сложных проектов.
Для примера, вот список некоторых задач, которые решаются с помощью этих механизмов:

подмена/эмуляция нажатий клавиш, кнопок мыши;

автоматизация ввода, симуляция поведения пользователя в зависимости от содержимого на экране;

снимки с экрана (по нажатию клавиш или по таймингу);

замена статического содержимого с целью повышения комфорта работы (замена фона, повышение контраста шрифта, экранная лупа);

вывод компактных индикаторов/списков выбора в любой момент в любое место на экране;

превращение домашнего компьютера в медиацентр (беспроводная клавиатура + набор шаблонов для запуска фильмов, музыки, регулировки звука и частот + кресло/диван + большой монитор + печеньки :-) ).

Любопытно? Тогда прошу в статью!

Читать далее

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

Время на прочтение12 мин
Количество просмотров522

С развитием LLM моделей AI начали появляться разные ИИ агенты, автоматизирующие задачи.

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

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

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

Пять минут разработки показали, что даже без AI возможно сделать достаточно много. Я решил попробовать сделать больше и написать эту статью, дабы осветить тему и поделиться своими наработками и размышлениями.

Читать далее

Нужно ли учитывать ментальные особенности, делая инклюзивный дизайн

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров1.6K

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

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

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

Читать далее

Снова про a11y, ещё менее очевидные вещи, чем обычно: глухие и слабослышащие, ЗЭКи, и очередное расширение горизонтов

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров360

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

Про глухих и слабослышащих

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

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

Читать далее

Kafka Reasign Partitions или как управлять топиками в kafka

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров2.8K

Привет, Хабр!

Меня зовут Дмитрий, вот уже два с половиной года я работаю DevOps инженером в крупной фин.тех компании. Специализируюсь, в основном, на брокерах сообщений. Большая часть сервисов у нас написана на java, нам нужна высокая отказоустойчивость, максимальная гарантия доставки и, поэтому, основной брокер — kafka. Собственно, о ней и хочу сегодня поговорить.

В статье расскажу о том, как я реализовал CLI для управления партициями в kafka, их переезд, балансировка.

Читать далее

Поиск в ФИПС: почему он так раздражает пользователей

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров1.2K

Проверка юридической чистоты созданного и планируемого к регистрации объекта интеллектуальной собственности зачастую осуществляется на сайте Федерального института промышленной собственности (ФИПС). К сожалению, поиск информации на домене ФИПС достаточно труден и раздражает многих. Почему? Об этом расскажем в нашем материале.

Читать далее

Разработка с учетом паттернов WAI ARIA

Время на прочтение9 мин
Количество просмотров1.1K

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

Проблема особенно ярко выражена в современных одностраничных приложениях (SPA), кастомных компонентах, модальных окнах и прочих динамических UI-решениях, которые не учитывают, как с ними будут работать вспомогательные технологии. Например:

Читать далее

Очень вероятно, что эти HTML- и CSS-ошибки есть в вашем коде

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров13K

Привет, Хабр!

Недавно у меня появилась мысль поделиться распространёнными HTML- и CSS-ошибками, которые я вижу у коллег. Только мне хотелось выглядеть убедительно, чтобы не было вкусовщины. И тут я сильно задумался.

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

Давайте посмотрим, что я вам подготовил.

Читать далее

Как один глупый Bash-скрипт сэкономил нам 100 часов ручной работы

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров31K

Есть некоторая ирония в том, как простые инструменты решают сложные задачи. Пока технические форумы гудят от обсуждений Kubernetes, пайплайнов машинного обучения и микросервисных архитектур, я хочу на минуту отвлечься и поговорить о чем-то до безобразия простом: Bash-скрипте. Не особенно изящном. Без функций. Без параметров. Без проверок корректности. Просто линейный, безжалостно прагматичный shell-скрипт, который за год сэкономил нам несколько недель работы.

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

Читать далее

Ближайшие события

«5% заботы: почему возрастной бейдж — это тоже про UX»

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров1.5K

Встречались ли вы с бейджем 18+ и думали, зачем он тут?

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

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

Читать далее

Как незрячему системному администратору не потеряться в мире IT

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров3.7K

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

Давайте по порядку.

Читать далее

Как я встроил Telegram API в EXE и сделал плагин‑платформу с доступом для незрячих

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров1.5K

После релиза первой версии стало ясно: Telegram порой ограничивает размер и скорость передачи файлов, а ещё появляется зависимость от внешнего API. Чтобы обойти эти ограничения, я решил встроить официальный сервер Telegram Bot API прямо в своё приложение.

Это позволило:

Читать далее

AutoCraft Bot — Telegram-автоматизация Windows без монитора, глазами незрячего разработчика

Время на прочтение3 мин
Количество просмотров3.3K

Привет, Хабр!

Меня зовут Андрей. Я техник и системный админ. И хоть я незрячий, продолжаю разрабатывать инструменты для автоматизации, системного мониторинга и просто удобной жизни за компьютером. Этот пост — о моём первом публичном проекте, который я решил выложить на GitHub и рассказать о нём на Хабре.

Проект называется AutoCraft Bot. Это гибрид: Telegram-бот и десктопное приложение на Python. Он управляет компьютером, запускает плагины, делает скриншоты, работает с голосом, поддерживает REPL и Telegram API — и всё это в виде одного .exe

Читать далее

Нормальный человек: миф, на котором держится дизайн

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров3.2K

В XIX веке бельгийский астроном Адольф Кетле попытался применить математику Ньютона к человеческому обществу. Он начал измерять рост, вес, силу, даже моральные качества людей — и обнаружил, что данные красиво ложатся на знакомую нам сегодня колоколообразную кривую (нормальное распределение).

Вдохновлённый этим, Кетле вывел образ «среднего человека» — не просто статистическую абстракцию, а почти идеал. Всё, что отклонялось от этой середины, он называл деформацией.

Эта идея была настолько заразительной, что быстро проникла в медицину, антропологию, образование и даже военные стандарты. Например, американские ВВС в 1940-х сконструировали кабины самолётов под «среднего пилота». Результат? Выросло число аварий. Позже оказалось: среднего пилота не существует — ни один человек не соответствовал всем «средним» параметрам одновременно. 

Читать далее

Брайлекс — мобильное устройство ввода текста шрифтом Брайля

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.1K

Что такое BraiLex?

BraiLex — это мобильная аппаратная клавиатура, которая позволяет вводить текст с использованием шрифта Брайля, сохраняя его в памяти или передавать на телефон в любое открытое приложение. 

BraiLex можно использовать для ввода текста без фиксированного основания даже во время ходьбы.

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

(По состоянию на 11 июня 2025 года).

Читать далее

Как автоматизировать сбор постов из Telegram-каналов

Время на прочтение2 мин
Количество просмотров5.5K

В мире SMM и digital-аналитики Telegram — кладезь инсайтов, трендов и идей. Но как быстро и удобно собирать посты из десятков каналов, не тратя часы на ручной копипаст? Я, как маркетолог с опытом работы с крупнейшими брендами, знаю цену времени и автоматизации. Сегодня расскажу, как можно решить эту задачу с помощью Python и Telethon — и почему профессионалы выбирают готовые решения.

Читать далее
1
23 ...

Вклад авторов