en<able> - о дизайне и доступности

en<able> - о дизайне и доступности

@enable_design
Изображение канала: en<able> - о дизайне и доступности
729 подписчиков
22 поста
Посты
📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты
Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.  Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям. Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.  Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям ) В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал. ⚡️Написала инструкцию на VC⚡️ ___ en<able> - о дизайне в A11y | Наши статьи на VC
Переиздание книги про доступность
Пришло время перезапустить книгу в виде сайта! Запускаю ее в формате DocC: • доступна в онлайне, можно ссылаться на любой раздел, • верстка под мобилу и декстоп, • светлая/темная тема. Как и раньше книжка остается бесплатной. Как и раньше выпускать буду главами раз в пару недель, про обновления будет в этом канале. Сейчас доступна первая глава про общее понимание доступности, статистику и как пользоваться скринридером. Самое ценное что вы можете сделать: поделиться сайтом со своими знакомыми программистами, дизайнерами, продактами и рассказать в соцсетях. https://bookshelf.dev/a11y-book/">https://bookshelf.dev/a11y-book/
Новый виток A11y в Apple?
Джон Тернус — новый CEO Apple, а также тот человек, который в качестве дипломного проекта в University of Pennsylvania разработал механическую руку для кормления, управляемую с помощью движений головы. То есть пользователь, не имеющий возможности двигать конечностями, мог самостоятельно есть — управление шло через head-tracking без участия рук. Также стоит вспомнить, что именно под его руководством вышли Apple Watch с Double Tap — классический curb cut effect: жестовое управление изначально появилось в 2021 году как AssistiveTouch, фича для людей с особенностями верхних конечностей, а позже та же технология стала фичей для всех. AirPods Pro с hearing aid — наушники массового рынка, работающие как слуховой аппарат. Vision Pro, где eye-tracking — основной интерфейс: формально это универсальный дизайн, но выросший из accessibility-подхода ) И это уже другой уровень доступности — встройка в железо ) Кайф? Кайф! Alt: фотография Джона Тёрнуса на сцене Apple-презентации, за ним крупным планом чипы и схемы. ___ en<able> - о дизайне в A11y | Наши статьи на VC
Ну что, все уже убили Figma за выходные и переехали на Claude Design, или вы вменяемые?
Все уже попробовали Claude Design?
А пока я загружаю дизайн-систему туда, напишу про заявленную доступность Claude: • Аудит компонентов на соответствие WCAG 2.1 / 2.2 (A, AA, AAA) — контрастность, фокус, таб-порядок, размеры тач-таргетов • Проверка и генерация корректной ARIA-разметки (roles, states, properties, live regions) • Проверка работы с клавиатурой и фокуса • Анализ семантики HTML, heading hierarchy, landmark-регионов • Проверка alt-текстов • Генерация A11y-документации для компонентов дизайн-системы (do's/don'ts, примеры использования) Есть набор Accessibility Agents — специализированных агентов для Claude Code, GitHub Copilot и Claude Desktop, которые проверяют код на соответствие WCAG 2.2 AA, покрывают i18n/RTL, дата-визуализации, email, медиа, web components Пока сама не тестировала, попробую попозже )
Хочу сильно-сильно поблагодарить Антона @antonkulikov!
Я затеяла исследование реального опыта людей с нарушениями слуха, зрения и когнитивными особенностями через посты на Reddit. Честно, не ожидала что всё получится так быстро. Антон, от всей души: спасибо. Впишу тебя в проект как человека, благодаря которому это случилось 💙 Но не могу не рассказать о нём. Антон руководит финтех-командой в платформе для локализации Smartcat в США. Захожу я значит почитать его канал @tobeproduct — а там пост про моего любимого Олега Пащенко, а там про продукт, а там про ИИ, Жюль Верн, Стругацкие, классическая русская литература, разработка приложений, тут же проект для вайбкодинга — и понимаю: у меня новый канал для закрепа! Вот тут навигация по каналу Антона. Пишу от всей души и на одном дыхании, потому что поражена, как много крутых людей здесь. Спасибо, что вы есть 🙏
У нас продолжаются блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы )
Дима Бороухин @dmboro — в прошлом дизайнер и веб-разработчик. После потери зрения объединил свои технические знания с личным опытом и стал консультантом по цифровой доступности. — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? Я пробовал ChatGPT, однако по удобству взаимодействия мне больше понравился Gemini. Его интерфейс вполне доступен: элементы управления имеют корректные роли, имена и состояния, что позволяет скринридеру считывать структуру страницы. В своей работе я активно применяю AI для подготовки HTML-страниц для презентаций — чтобы показывать командам типичные проблемы доступности. Грамотный промпт позволяет сгенерировать страницу, где один элемент оформлен эталонным кодом, а остальные имеют аналогичный дизайн, но содержат критические ошибки — например, невозможность установить фокус. Визуально всё выглядит одинаково, но при взаимодействии через клавиатуру или скринридер различия становятся очевидными. Также я использую AI для подбора цветовых схем и помощи в написании CSS-кода. — Ты знаешь кейсы, где AI улучшил доступность продукта? или хотя бы часть? Комплексных кейсов, где AI улучшил доступность продукта, в моей практике не встречалось. Вижу нейросети лишь в точечных задачах — как в примере с описанием изображений, о котором расскажу дальше. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Риск, безусловно, есть. AI может отлично знать теорию и стандарты, но их всегда нужно проверять на практике. Реальные сценарии взаимодействия со вспомогательными технологиями часто сложнее, чем их описывают в документации. Пример из жизни: недавно я просил AI создать примеры недоступных кнопок. Модель предположила, что «поломанная» кнопка будет полностью неработоспособна для скринридера. Однако на практике скринридер NVDA умеет эмулировать нажатие даже там, где код реагирует только на клик мыши. В итоге для пользователя скринридера кнопка может сработать, а для человека, использующего только клавиатуру, она останется недоступной. Я не разработчик нейросетей, но как консультант по цифровой доступности могу сказать: чтобы ситуация изменилась, в данные для обучения моделей нужно включать больше примеров реального поведения ассистивных технологий. Важно, чтобы AI видел не только идеальный код, но и понимал нюансы взаимодействия разных групп пользователей с интерфейсом. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? Теоретически — может, но на практике всё зависит от того, как сформулирован запрос. Если создатель продукта не осведомлен о принципах доступности, он просто не включит эти требования в задачу для AI. А без явного запроса модель проигнорирует эти нюансы ради скорости разработки. Важно помнить: доступность — это не только формальное соответствие ГОСТу или WCAG. Прежде всего это про пользовательский опыт. Можно создать приложение, которое формально пройдет все автоматизированные тесты, но при реальном использовании окажется неудобным. — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? Это уже реальность. Я постоянно пользуюсь отечественными решениями. Например, «Умная камера» Яндекса — незаменимая вещь в быту: она помогает отличить бутылку молока от кефира в холодильнике, когда упаковки идентичны. Недавно я показывал зарубежным коллегам функцию описания изображений в Яндекс Браузере. В одном онлайн-магазине одежды вместо внятных alt-текстов были маркетинговые названия коллекций. Нейросеть Яндекса точно описала суть: состав комплекта, цвета, фасон. Это тот случай, когда AI исправляет ошибки контента «на лету». Так что — большой респект и спасибо команде инклюзии Яндекса за их работу!
Стоячий стол и доступность
Недавно мне сделали операцию, я чувствовала себя хорошо, но сидеть не могла, усиливалось кровотечение и что же меня спасло? На Новый год муж и дочка подарили мне стол с подъемным механизмом, ну это ли не доступность среды? А вообще таким столам уже больше 600 лет. Я сразу побежала спросить у Claude — и он рассказал, что да Винчи писал «Мону Лизу» за таким столом и говорил, что работа стоя помогает мыслить свободнее. Чарльз Диккенс, Хемингуэй, Черчилль — все работали стоя. Томас Джефферсон первым придумал делать такие столы регулируемыми по высоте, а уже в 80-х к ним подвели электричество. Стол придумали ради продуктивности. Но он помог мне после операции. Помогает людям с болью в спине, беременным, людям на колясках, тем, кто просто не может долго сидеть. Это и есть универсальный дизайн в действии — когда решение, созданное для одной цели, оказывается полезным для всех 💙
AI и доступность
Делаем блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы ) Наш первый гость — Миша Рубанов @RubanovMobile, разработчик, рассказывает о доступности так, что ты точно начнешь ей интересоваться ) Миша, спасибо и ждем обновления книги о доступности 💙 — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? — Не пробовал. — Ты знаешь кейсы, где AI улучшил доступность продукта? — Не слышал про такие кейсы. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Что должно измениться в том, как мы обучаем модели, чтобы доступность была в них по умолчанию? — Я не вижу каких-то особых проблем. По моему опыту AI достаточно много знает про доступность и делает что надо, если ты попросишь его об этом. Например, не было проблем с поддержкой скринридера. Я сейчас обновляю свою книгу, немного использовал AI чтобы переделать из пдф в сайт и AI переписал некоторые примеры, вышло неплохо. При этом для AI важно уметь «видеть» что получилось в результате, с этим проблема, потому что почти нет инструментов, которые бы дали ему описание, которое озвучивается для незрячего человека. Главная надежда мобилки вот на этот инструмент: сейчас они прикручивают визуализацию к Preview, может быть и до текстого описания доберутся AccessibilitySnapshot. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? — Увы, AI никого ничему не научит. Можно сказать, что он ленив: обучен на всех текстах, но не пытается показать все свои знания. Поэтому если человек не знает про дополнительные требования по доступности, то и AI сам их не начнет использовать. С другой стороны, поверх AI появляются разные скилы и инструменты, в них уже могут быть включены нужные требования. Например, популярный frontend-design доступность упоминает Frontend Design на Github — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? — Сложно сказать. С одной стороны в России будет явный запрос на помощь и реабилитацию людей, с другой стороны вводится огромное количество ограничений. Если ничего не делать, то ничего само не появится. В целом я не в России уже несколько лет, поэтому сложно ответить как-то поточнее ___ en<able> - о дизайне в A11y | Наши статьи на VC
Изображение канала: en<able> - о дизайне и доступности
Новые глаза, старый мозг. 
Прочла книгу «Мозг. Ваша личная история». А я же все послеживаю за Neuralink и одна история меня заинтересовала.  Майк Мэй ослеп в 3 года после химического ожога. Майк был великолепным лыжником, ориентировался на склонах по звуковым сигналам, вот это что-то на нереальном!  В 2000 году, в 46 лет, ему пересадили роговицу — и глаза физически начали видеть. Счастье? Еще бы, если бы не одно НО. Он видел свет, цвет, движение — но не мог читать лица, не понимал глубину пространства, не различал трёхмерные объекты. Лицо жены он узнавал только по голосу. Мозг просто не знал, что делать с сигналами, которые вдруг начали поступать. Это называется «визуальная агнозия».  И вот тут становится интересно в контексте Нейралинка. Их имплант Blindsight не восстанавливает глаза, а стимулирует зрительную кору электрическими сигналами. Ставка — на нейропластичность. Мозг адаптируется. Пользователи будут тренироваться с устройством, постепенно обучая зрительную кору интерпретировать искусственные сигналы. И возможно, этот имплант не даст Майку узнать лицо жены, но он может дать кому-то другому увидеть лицо своего ребенка. Так работает доступность: не сразу, не для всех, не идеально. Но каждый шаг сдвигает границу возможного. Пафосновато для пятницы, но как есть )) Книгу очень рекомендую, читается легко и интересно ) Alt Коллаж из четырёх изображений: тепловизионный снимок дома, цветок подсолнуха в ультрафиолете, визуализация мозговой активности и крупный план человеческих глаз
Изображение канала: en<able> - о дизайне и доступности
Субтитры, «Очень странные дела» и D&D
В продолжении потрясной короткометражки от Дяди Вани хочу рассказать про то, как субтитры помогают людям с потерей слуха прожить историю так же полно, как и слышащие зрители. Главный принцип: субтитры — это не транскрипция речи, а перевод всего звукового пространства. Диалоги, атмосфера, музыка, звуки монстров — всё это несёт смысл и эмоцию, и задача субтитров передать их полностью. За субтитрами SDH (субтитры для глухих и слабослышащих) к сериалу «Очень странные дела» стоит Джефф Т., который придумал «[eldritch thrumming]» - [потустороннее гудение]. [Потустороннее гудение] - хороший субтитр. Слово eldritch — из словаря D&D и старой готики: что-то потустороннее, древнее и угрожающее. Джефф вставил его как пасхалку: это ещё и название заклинания чернокнижника. Звук сразу обретает характер существа. [Музыка] - плохой субтитр: «Музыка» не передаёт ничего: ни жанра, ни интенсивности, ни эмоции. Глухой зритель лишается контекста, который слышащий получает автоматически. Звуковые эффекты создают напряжение, страх, атмосферу. Заменять их общим словом — всё равно что убрать саундтрек из фильма хоррора, который решает все ) Для дизайнеров важное про паттерны цифровой доступности: каждый звук в интерфейсе несёт смысл — и если пользователь его не слышит, этот смысл должен быть передан визуально: ✦ Субтитры включены по умолчанию, а не спрятаны в настройках. ✦ Настраиваемые параметры: шрифт, размер, цвет текста и фона — пользователь сам выбирает под своё зрение. ✦ Визуальные уведомления вместо звука: popups не исчезают сами собой. ✦ Пропущенные события не исчезают сами: бейджи и счётчики остаются видны до явного подтверждения пользователем. ✦ Ошибка, успех, загрузка передаётся цветом, иконкой и текстом одновременно. ✦ Текст состояния конкретный: не «Ошибка», а «Не удалось отправить сообщение — проверьте соединение» (актуалочка подъехала). Alt текст: Скриншот из «Очень странных дел»: тёмно-синяя сцена, в центре кадра — Векна, гуманоидная фигура с кожей, покрытой прожилками, окружённая длинными органическими щупальцами. Внизу экрана белый субтитр на чёрном фоне: [tentacles squelching wetly] [щупальца хлюпают мокро] — пример профессионального SDH-субтитра, описывающего звук, а не просто называющего его.
Изображение канала: en<able> - о дизайне и доступности
Всем привет! 5 апреля был день рождения у Леры Курмак 💜
Лера, поздравляю тебя, спасибо за все, что ты делаешь, ты даже не представляешь, как много людей ты вдохновляешь! Желаю тебе много сил, любви и поддержки твоих людей 💜 Поздравить Леру и почитать ее пост про смерть, инклюзию и принятие себя - тык
Изображение канала: en<able> - о дизайне и доступности
Femtech Force Jam 2025
Всем привет! Я сегодня температурю и хочу наконец выползти в блог. Перевожу статью про эволюцию цифровой доступности, если что оригинал здесь. И еще жду начало конференции от девочек из @femtechforce 💜 Femtech Force Jam — это первая русскоязычная фемтех-конференция, организованная Femtech Force. Вместе с экспертами из Flo Health, Oura, Diagnio, Clatch и других компаний команда будет обсуждать настоящее и будущее технологий в сфере женского здоровья. Дата: 12 марта 2025, 15:00–21:00 МСК Участие: бесплатное синхронное, записи будут доступны за донейшн А еще Femtech Force собрали отчет по фемтеху в России: возможности для роста и инвестиции в будущее. Общие выводы отчета недавно были опубликованы в материале Forbes. Некоторые темы докладов: ✦ Особенности женского организма при занятиях спортом, фитнесом и в период реабилитации ✦ FemTech-решения для спорта, фитнеса и восстановления: обзор доступных технологий ✦ Как FemTech улучшает женский спорт и реабилитацию ✦ Кому может помочь репродуктивная медицина ✦ Что современные технологии могут дать женщине ✦ Искусственный интеллект, искусственные гаметы, искусственная матка: что дальше ✦ Foundation models для медицинских изображений ✦ LLM, VLM, LLM-агенты ✦ Как в разных странах помогают (и мешают) развитию ИИ в медицине? ✦ Как Clatch нашел свою аудиторию — девушек из поколения зумеров и альфа. Желаю девочкам успешной конференции, а вам интересного просмотра!
Изображение поста
Изображение канала: en<able> - о дизайне и доступности
Ищу коммуникационного дизайнера себе в команду
✦ Разработка и дизайн баннеров для сайтов и соц. сетей, email-рассылок в уже согласованных концептах ✦ Лендинги на Тильде ✦ Подготовка макетов для печати рекламных и презентационных материалов: флаеров, брошюр, плакатов, наружной рекламы Присылайте портфолио с коммерческими проектами, нам нужен ваш реальный опыт. От нас: - Своевременная оплата - Удаленка - Личный план развития и роста з/п - Клиенты — крупные российские компании, которые украсят ваше портфолио - Обучение - Абсолютно нетоксичное руководство (горжусь, да) Пишите мне в личку @anzhelikagerman PS Я буду так благодарна репосту моей вакансии, потому что именно здесь я нашла 2 замечательных дизайнеров, с которыми мы уже работаем больше полугода вместе )
Изображение поста
Изображение канала: en<able> - о дизайне и доступности
Очень ищу UX/UI дизайнера
У нас тут не миллионная аудитория, но абсолютно избранная ) Именно здесь я познакомилась с Настей и теперь души в ней не чаю 💜 Я ищу себе в команду еще одного прекрасного дизайнера - опытного, не джуна. Проект классный - Prosto Meditation. ✦ Опыт работы с UX/UI мобильных приложений и сайтов (Настя не потерпит бардака там )))) ✦ Разработка UI-китов, их поддержка (Figma); ✦ Системный и ответственный подход, доведение задач до конца и сдача в срок; ✦ Наличие релевантного портфолио; ✦ Софт скиллы. От себя могу сказать, что я держу те обещания, которые дала. Особенно это касается финансовой стороны. Ну и конечно, положить такой проект, которым пользуются больше 3 000 000 человек - это кайф! Работа проектная и удаленная. Очень-очень буду вас ждать с портфолио либо в личку @anzhelikagerman либо на почту anzhelikagermandesign@gmail.com 💜
Изображение поста