Привет!
Недавно у меня появилась мысль поделиться распространёнными HTML- и CSS-ошибками, которые я вижу у коллег. Только мне хотелось выглядеть убедительно, чтобы не было вкусовщины. И тут я сильно задумался.
Рубрика «accessibility» - 2
Очень вероятно, что эти HTML- и CSS-ошибки есть в вашем коде
2025-07-22 в 9:01, admin, рубрики: accessibility, css, html, ruvds_статьи, usability, интерфейсыAutoCraft Bot — Telegram-автоматизация Windows без монитора, глазами незрячего разработчика
2025-06-26 в 20:16, admin, рубрики: accessibility, accessibility service, bots, pithon, доступность, доступность навигации, незрячиеПривет!
Меня зовут Андрей. Я техник и системный админ. И хоть я незрячий, продолжаю разрабатывать инструменты для автоматизации, системного мониторинга и просто удобной жизни за компьютером. Этот пост — о моём первом публичном проекте, который я решил выложить на GitHub и рассказать о нём на Хабре.
Проект называется AutoCraft Bot. Это гибрид: Telegram-бот и десктопное приложение на Python. Он управляет компьютером, запускает плагины, делает скриншоты, работает с голосом, поддерживает REPL и Telegram API — и всё это в виде одного .exe файла.
📦 GitHub: github.com/andreykadelite/AutoCraft-Bot
Нормальный человек: миф, на котором держится дизайн
2025-06-18 в 18:01, admin, рубрики: accessibility, Designer, usabilitylab, user, дизайн, доступность, инклюзия, интерфейсы, пользователь, юзабилитиЧто такое «нормальный» человек?
Парты в школах — для правшей. Размеры одежды — для условного «среднего» тела. Дверные проёмы стандартизированы под «средний рост» 170–180 см. Люди выше регулярно бьются головой, особенно в транспорте, подземных переходах и старых зданиях.
Большинство мобильных интерфейсов расставляют кнопки по схеме «дотягивается средний палец правой руки». У левшей или людей с моторными нарушениями это вызывает трудности. Кнопки в интерфейсах — там, где удобно «обычному» пользователю. А какому? Никто толком не знает. Просто «нормальному».
Читать полностью »
Стеклянный фасад Apple: почему новый дизайн iOS 26 и macOS — красивая ошибка
2025-06-18 в 8:15, admin, рубрики: accessibility, apple design, ios 26, liquid glass, macos tahoe, usability, wwdc 2025
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 12
2025-04-30 в 7:01, admin, рубрики: accessibility, css, html, ruvds_статьи, верстка
Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильей. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья — мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке.
Сегодня мы рассмотрим следующие аспекты:
- что можно сделать лучше для пользователей с дислексией;
- как незаметно улучшить интерфейс для пользователей с травмой кистей рук;
- есть ли сложности с сокращениями для пользователей скринридера.
Давайте начнём!
Как улучшить цветовую доступность для пользователей с дальтонизмом
2025-03-09 в 8:16, admin, рубрики: accessibility, usabilitylab, WCAG, гост, дальтонизм, доступность, инвалидность, инвалиды, инклюзивность, юзабилитиЦвет — это неотъемлемая часть нашей повседневной жизни: он помогает нам ориентироваться, принимать решения и воспринимать информацию. Однако для миллионов людей по всему миру восприятие цвета ограничено из-за дальтонизма.
По данным Colour Blind Awareness, дальтонизм встречается у 1 из 12 мужчин и 1 из 200 женщин. Это значит, что примерно каждый десятый человек испытывает трудности с восприятием цветов. Для дизайнеров, разработчиков и создателей контента цветовая доступность становится необходимостью.
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 10
2024-09-27 в 6:00, admin, рубрики: accessibility, css, html, ruvds_статьи, верстка
Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья — мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке.
Сегодня мы рассмотрим следующие аспекты:
- Почему в наших дизайн-системах и библиотеках есть сломанные нестандартные радиокнопки;
- Мой способ отказаться от ссылки для изображения с сохранением интерактивности;
- Дублирование стилей при наведении для фокуса вводит меня в ступор;
- Можно ли скрыть кнопку с помощью атрибута
disabledот скринридера.
Давайте начнём!
Путешествия в темноте. Владимир Васкевич, история незрячего тревел-блогера
2024-09-20 в 13:51, admin, рубрики: accessibility, everland, доступная среда, доступностьНа сайте платформы по цифровой грамотности для детей и подростков с нарушениями зрения и моторики появился новый раздел — «Вебинары». Это очередное обновление платформы beelineforkids.ru.
Недавно мы вместе с партнерами из Everland опубликовали обзор компьютерных игрЧитать полностью »
Что поменяется в требованиях к веб-доступности российских госсайтов с 01.09.2024
2024-08-08 в 14:16, admin, рубрики: accessibility, frontend-разработка, доступность
Меня зовут Воля Готовцева, я юрист и начинающий frontend-разработчик. Оказалось, пересечение моих экспертиз может дать кое-что полезное IT-сообществу. Например, растолковать формальные требования простым языком. Этим в материале и займемся.
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 9
2024-07-09 в 9:00, admin, рубрики: accessibility, css, html, ruvds_статьи, верстка
Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья — мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке.
Сегодня мы рассмотрим следующие аспекты:
- какие сюрпризы есть при использовании свойства
display; - о чём нужно помнить при вёрстке кнопки «Показать пароль»;
- зачем нужны подсказки с помощью атрибута
aria-labelпри разметке областей навигации; - как можно переборщить с заголовками и какие проблемы будут.
Давайте начнём!