AI и доступность

Делаем блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы ) Наш третий гость — Алексей Назаренко @alexnozer_dev — фронтенд-разработчик, специализирующийся на вёрстке, доступности, производительности и веб-стандартах. Леша, спасибо 💜 Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры? Как это работает на практике? — Лично я не пробовал. Но читал о том, что в интерфейсах таких платформ полно проблем с доступностью. Ты знаешь кейсы, где AI улучшил доступность продукта? — Есть несколько фич, которые кажутся мне хорошим использованием AI в доступности: - Автогенерация субтитров на видео в TikTok, YouTube и подобных сервисах; - Возможность сгенерировать описание изображения (alt) в Firefox или Shopify; - Функция распознавания изображения с камеры в реальном времени в ChatGPT или Seeing AI; Ещё знаю, что AI используют при аудите для анализа контента и поиска нарушений WCAG. Но пока о каких-то серъёзных успеха в этом направлении не слышал. Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограничениями по здоровью? Что должно измениться в том, как мы обучаем модели? — Все современные модели знают о доступности много, потому что это гигантские базы знаний. Сложность в том, чтобы эти знания оттуда извлечь. По умолчанию модели выдают статистически наиболее вероятный код. Дела с доступностью обстоят плохо, что подтверждают отчёты WebAIM. Поэтому в среднем сгенерированный код будет содержать проблемы доступности. С обучением моделей, скорее всего, уже ничего не сделать. Разве что в мире резко большинство сайтов и сервисов станут доступными и появятся новые хорошие кодовые базы, где это всё учтено. Но такого не будет. А учитывая волну нового сгенерированного кода за последние годы, всё только хуже. Поэтому нужно обкладывать агентов скиллами, правилами, инструкциями для работы, давать примеры доступного кода, проводить код ревью людьми, которые разбираются. ИИ волшебным образом не сделает мир доступнее, нужна инициатива и эксперты. 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? — Я не слышал, чтобы без технической базы с помощью AI создавали продукты на миллионы пользователей. Истории «я за два вечера навайбкодил SaaS и заработал много денег» мне кажутся пылью в глаза. Десятки, сотни или тысячи пользователей, но не миллионы. Если говорить о крупных корпорациях, которые массово внедряют AI в процессы разработки, то там, всё же, есть техническая база. Не думаю, что AI научит доступности. Он способен воспроизводить шаблоны доступности и выдавать неплохие решения при должной настройке и в руках опытных разработчиков. Тех, кто росто генерирует код и не вникает в него, AI ничему не научит. В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? — Думаю, что надежда есть. Однако стимулов меньше, чем в странах Евросоюза или США. Нужно развивать культуру доступности и работать над законодательной базой, по аналогии с ADA или EAA. Культура будет способствовать информационной осведомлённости о важности доступности, а законы обяжут выделять на это ресурсы.

Я просто ОБОЖАЮ тратить деньги

Но при этом, шопоголиком меня не назовешь. Распродажи в Золотом яблоке, скидки на маркетплейсах, новые коллекции в брендовых бутиках — это все мимо. Хотя врать не буду, концепция аскетизма мне не близка, часто себя балую😅 Но это, скорее, бытовые траты. Я обожаю тратить деньги на недвижимость! Не купить очередную вещь, которая через месяц надоест или выйдет из моды, не спустить деньги на эмоциональную покупку, а вложить их во что-то глобальное. Покупка недвижимости — это особый вид удовольствия: смотреть планировки, считать сценарии, выбирать между корпусами, сравнивать этажи, прикидывать будущую аренду, ремонт, ликвидность, перепродажу. Это очень дорогой источник дофамина, и работать ради него приходится тоже очень много. Но, честно, я не знаю другой сферы, где траты давали бы мне настолько сильное ощущение движения вперед. На данный момент у меня 5 объектов в Москве, и, возможно, уже пора бы задуматься о диверсификации?😅 Но пока мой внутренний инвестор стабильно выбирает не сумки, не украшения и не новые коллекции, а буклеты застройщиков и ипотечные калькуляторы. И чем глубже я сама погружаюсь в недвижимость, тем интереснее мне слушать людей, которые не просто говорят про инвестиции, а действительно покупают, считают, управляют и принимают решения на свои деньги. Поэтому сегодня в 16:00 я иду слушать лекцию Марии Масленковой — нашей прекрасной постоянной клиентки, сильнейшего профессионала рынка недвижимости и будущей мамы. А еще она успешный инвестор, основатель собственного агентства недвижимости и человек, у которого 12 объектов. Из них всего 4 находятся в России, и во всех 4-х ремонт делали мы с Yuloo Studio. Вебинар будет про диверсификацию портфеля недвижимости: как смотреть на объекты шире, не упираться только в один рынок и собирать недвижимость как систему. Присоединяйтесь тоже — вебинар будет полезен всем, кто интересуется недвижимостью не только как красивой покупкой, но и как реальным инструментом для роста капитала. Ссылка тут: https://web.mio-estate.com/webinar-04-06-26?utm_source=partner&utm_medium=anna_luk&utm_campaign=web-0406 Пс. Это моя личная рекомендация от души 🫶🏻

В REB8T DIGITAL STUDIO мы всегда в поиске специалистов, чтобы делать проекты ещё круче и масштабнее ⚙️

🎨🎨🎨🎨 Сейчас обновляем базу контактов — чтобы в нужный момент привлекать проверенных спецов на интересные задачи Нравятся наши проекты? Хотели поработать с нами? Если вы или ваши знакомые в теме, заполните форму: поделитесь контактами, портфолио, опытом и ставками. Мы свяжемся, когда подойдёт проект! Кого ищем (умение работать с ИИ будет преимуществом): Веб-дизайнеры (UX/UI) Геймдизайнеры Графические дизайнеры Арт-директора или лид-дизайнеры Проджект-менеджеры Motion designers 2D/3D специалисты и иллюстраторы Sound designers Сборщики сайтов на Tilda, Taplink, Webflow Разработчики Frontend, Backend Форма здесь: клац тык тык клац Заполняйте сами и расскажите друзьям — будем делать проекты вместе! ➖➖➖➖➖➖➖ Это не вакансии. Заполняя форму вы попадаете в базу наших проектных спецов — мы напишем вам, когда будет подходящий проект*

Привет, друзья.

Сегодня мы к вам с очень важной новостью. Вот с чем нам точно везет, так это с партнёрами. В этом году на Фестивале нового дизайна СРЕДА не один, а целых два Цифровых партнёра. Ну, во-первых, юбилейный год и всё должно быть максимально юбилейно, а во-вторых цифровые номинации — это одно из самых динамичных направлений фестиваля. Количество заявок в эти номинации растёт каждый год. Для нас (и для вас тоже) это точка роста. Поэтому мы решили не скромничать. Два крутейших Цифровых партнёра — это в самый раз. Каждый из наших Цифровых партнёров — это глыба и величина, они очень хорошо известны в цифровом мире, но мы их представим. Итак.... Red Collar. Пожалуй, самое награждаемое диджитал-агентство страны в копилке которого имеется и Оскар цифрового мира — статуэтка Webby Awards, а также множество наград российских и зарубежных конкурсов. Only. Агентство стабильно, из года в год, входит в число лидеров практически всех значимых индустриальных рейтингов страны, а представителей агентства частенько можно встретить в качестве спикеров на различных форумах, конференциях и фестивалях. С наградами у них тоже полный порядок. Наши Цифровые партнеры уже приступили к формированию Цифрового жюри фестиваля, а еще... Red Collar и Only готовят для участников Фестиваля нового дизайна СРЕДА то, что вызовет настоящий фурор в цифровом и фестивальном мире. Скоро расскажем подробности. А пока... Скорее подаём свои цифровые работы на Фестиваль нового дизайна СРЕДА. festivalsreda.ru
отвлекаем вас от работы на весь оставшийся день дайджестом последних сезонов
скоро глоуапнем название и аватарку по причине «новый сезон» — не пугайтесь и снимайте мьютики 👄 ⚪️ ai-сезон — 6 недель контента о том, как мы используем нейронки в команде. показали, как в соло доносить проект от макета до netlify, вайбкодить сайты, генерить гиперреалистичную кожу и собирать свои тулзы. выжали максимум — вам осталось просто взять и сделать ⚪️ зеленый сезон — полный бэкстейдж большого редизайна: рассказали как концептили, дизайнили, вайбкодили новую главную для зелёного банка и что такое web os. показали то, чего не видел даже клиент ⚪️ дизайн 360 — собрали для вас шоты с проектов прагматики. можно бесконечно скроллить, вдохновляться, чекать приёмы в своих проектах и расширять фан реф-базу ⚪️ неделя с мемами — рассказали, как податься на гражданство фигмы в связи с количеством проведенных в ней лет (мы пошутили) накиньте бустов, коллеги!
3D Web Browser Scene Creator
Набор современных 3D мокапов Install
Movie Website App — Простой шаблон макет онлайн-кинотеатра, который поможет вам при создании новых проектов
Плагин «CoolHue» by Webkul Design
Градиентная палитра с 60+ готовыми к использованию градиентами. 🍩 Скачать плагин 🍩 #plugin
Большинство игровых механик в маркетинге не дают результата. Но проблема не в инструменте, а в том, как его используют
В новой статье на Adindex наш гейм-директор Артур Рябушенко: — Рассказывает, как использовать игровые механики, чтобы они приносили пользу — Разбирает, как управлять поведением пользователя в геймификации и играх для бизнеса — Показывает, из чего состоит любая игра — Даёт практический чек-лист по созданию игр для бизнеса Чек-лист показываем вам тут и сразу, но чтобы успешно применять его, советуем сначала прочитать статью @webzdelnya 💻💻💻
Минутка инструментов:
Разработчик William Candillon выкатил интересное — свою библиотеку для работы с графикой, интерактивным леттерингом в векторе для веб. Redraw — это библиотека 2D-графики, построенная на базе WebGPU. Она поддерживает переменные толщины линий, цветовую градиентную заливку по контурам и физически обоснованный рендеринг. Важной особенностью Redraw является векторное размытие, которое позволяет создавать быстрые эффекты размытия без необходимости растрирования. Это открывает возможности для таких задач, как аналитическое размытие движения или быстрая обработка фоновых фильтров.
Приключение про инвестиции, которое привлекло 60% не инвесторов 😯
«В поисках акций 2» — pixel hunting-квест для Альфа-Инвестиций в мезоамериканском стиле. Чтобы уровни были понятны широкой аудитории, в иллюстрациях соединили мифологию Мезоамерики с поп-культурой Черпали вдохновение отовсюду: от «Волка с Уолл-стрит» и «Игры на понижение» до «Острова сокровищ» и «Аладдина» 40 уровней / 20 уникальных иллюстраций / 5 цветовых палеток / 5 узоров уже можно смотреть на Behance и Dprofile @webzdelnya 💻💻💻
Визуальный язык бренда: как WEB-технологии меняют современный дизайн 👨🏻‍💻
Слушатели программы Двойного диплома «Графический дизайн и брендинг» изучают эту тему на занятиях Волосецкой Диляры Ниязовны — преподавателя дисциплины «WEB-технологии в дизайне». Диляра Ниязовна — преподаватель РГУ им. А.Н. Косыгина, специалист в области графического и UX/UI-дизайна. За её плечами — работа дизайнером в журнале Grazia и сотрудничество с разными направлениями бизнеса, где она помогает выстраивать визуальную коммуникацию с потребителем. На занятиях студенты изучают принципы построения удобных интерфейсов, адаптивную вёрстку, работу с типографикой и цветом в цифровой среде, а также создание прототипов сайтов и приложений. Сегодня дизайнер должен не только создавать стиль, но и уметь встраивать его в цифровую среду. Именно поэтому освоение WEB-технологий становится обязательной компетенцией современного специалиста. 🖇️ Подробнее об обучении на сайте
Все уже попробовали 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 Пока сама не тестировала, попробую попозже )
🎙 Мастер класс по верстке на Тильде
24 апреля в 13:00 (мск) я проведу открытый бесплатный мастер-класс для сообщества Web-коворкинг на тему: «Верстка на Тильде первого экрана по Window контейнеру с помощью Автолейаутов». Ссылка на трансляцию будет опубликована только в чате сообщества. Если хотите попасть на прямой эфир, то обязательно вступайте в чат 🔔 ✨ Трансляция пройдет в Яндекс Телемост. 📷 Запись эфира, конечно, будет! ❤️ По любым вопросам пишите в комментариях
web designer в adelt.io
ищем тебя, если ты вдохновляешься проектами уровня awwwards, уверенно работаешь на пересечении брендинга, веба и графики. проекты с нуля и в развитии ждем, что ты: – делаешь сильный веб-дизайн и визуальные концепции; – умеешь собирать айдентику и бренд-гайды быстро и стильно; – создаешь графику для digital и офлайна; – работаешь в Figma / Photoshop / Illustrator (работа с After Effects и простой моушен будет большим плюсом); – активно используешь AI-инструменты в работе мы забираем тебя в команду, если: – опыт в digital / web более 3 лет; – владеешь английским от Intermediate; – имеешь широкий спектр инструментов и чувство вкуса. предлагаем: – международные проекты, оплата в $ или ₽; – минимум бюрократии, прямой контакт с теми, кто принимает решения; – полностью удалённый формат, условия оформления прозрачны. присылай портфолио и резюме → @adelt_anna.
Как веб-технологии в дизайне повышают эффективность интернет-маркетолога? 🤓
Студенты программы Двойного диплома «Интернет-маркетинг и электронная торговля» погружаются в эту тему на занятиях Устиновой Анны Павловны — преподавателя дисциплины «WEB-технологии в дизайне». ▪️Анна Павловна — практикующий эксперт в области WEB-дизайна и визуальных коммуникаций. Её профессиональный путь — более 5 лет работы в крупных организациях: от Департамента транспорта Москвы до рекламной группы OKKAM. В рамках дисциплины студенты осваивают проектирование интерфейсов, анализируют визуальные решения с точки зрения маркетинговых задач и выстраивают эффективную коммуникацию с дизайнерами и разработчиками. В результате WEB-технологии становятся для будущего маркетолога профессиональным инструментом, позволяющим видеть цифровой продукт целиком и достигать коммерческих результатов через дизайн. 🖇 Подробнее о программе Двойного диплома ВК | MAX | RUTUBE | ДЗЕН
🚩 Программа онлайн-конференции Соло
Уже 9 апреля совместно с сервисом Robokassa мы проведём онлайн-конференцию о тех и для тех, кто развивает своё дело в одиночку или небольшой командой. Узнаете, как привлекать клиентов, развивать бизнес и подстраховаться от ошибок. Успейте занять место 👉 https://webinars.tilda.ru/soloconf">https://webinars.tilda.ru/soloconf В программе: 🟠 Топ ошибок ИП и самозанятых в налоговом учёте; 🟠 Как самозанятым и ИП законно принимать платежи в 2026 год; 🟠 Как без бюджета привлечь клиентов из соцсетей; 🟠 Сайт как удобный инструмент для работы с корпоративными клиентами; 🟠 Как no-code инструменты и вайб-кодинг помогают растить проекты; 🟠 Бизнес без сотрудников: как работать и развиваться в одиночку. Вас ждут ёмкие выступления экспертов, истории предпринимателей и призы для самых активных — умная колонка Яндекс Станция Миди и подписка на Тильду. Регистрируйтесь и приходите на эфир: https://webinars.tilda.ru/soloconf">https://webinars.tilda.ru/soloconf
Webflow теперь умеет генерировать сайты по промту. Получаются функциональные сайты, которые можно редактировать: настраивать стили, цвета и шрифты, добавлять и удалять блоки и страницы и многое другое (Webflow — один из самых развитых редакторов адаптивных сайтов).
Если вы сомневаетесь, что я крутая, то сейчас перестанете сомневаться.
Скромность вышла из чата, потому что я в это мгновение горжусь собой до небес. Рассказываю. Меня бесило, что нужно всё время проверять рекламный кабинет: "Кто-то ещё нажал единичку? Появился или нет новый потенциальный клиент?" Какая-то это унылая мастурбация — подумала я и... Запрограммировала бота в Телеграм, который присылает мне мгновенные уведомления с номером телефона того, кто нажал эту самую единичку. Где бы я ни была — я могу отреагировать мгновенно. Как я это сделала? ХА! Немного Python, немного webhook, щепотка filter и жирный token. Короче. Я попросила о помощи ИИ и вместе мы справились за час. Не знаю как вы, а сижу такая немного в ахере. Первый мой IT-проект получается ) Лайк? )
⚫️ ХОТ ТЕЙК:
МЫ СОБРАЛИ AI-ПЛАГИН ЗА ВЕЧЕР — И ОН СТАЛ ЧАСТЬЮ БРЕНДА. делали брендинг для кодинг-платформы Gitverse и в процессе решили поэкспериментировать: а что если собрать собственный генеративный инструмент под айдентику? первую драфтовую версию сделали за вечер с Cursor, WebGL и простым хостингом на Netlify. версией для гитверса поделиться не можем, но показываем ее урезанную версию на скринкасте и то, как она работает в других креативах 🦄 «клиенту зашло, и вместо того чтобы остановиться на демке, мы начали наращивать функциональность: добавили работу с видео, выгрузку SVG, управление их процентным соотношением, кастомные палитры, формы и управление контрастом исходника», – ⚪️ лёва, продуктовый лид суммарно ушло около 20 рабочих часов — мы постоянно докручивали и тестировали. чтобы выкатывать обновления моментально, настроили CI с github-репозиторием. • вывод? иногда ai-инструменту не нужно быть сложным — важнее, чтобы он точно попадал в потребность. покликать > pgverse.netlify.app