Минутка истории:
Немецкий журнал о коммерческой графике, январь 1942 года. Какие снежинки. Какие времена.
Дизайнер Heinz Allner
Сегодня начинается FIFA World Cup 2026! ⚽️
Впервые в истории турнир с 48 командами станет более доступным 💜
Сурдоперевод
Опять же впервые в истории FIFA трансляция с сурдопереводом на каждом матче. Это иммерсивный опыт для глухих и слабослышащих болельщиков: переводчики передают не только игровые моменты, но и ключевые звуковые сигналы — свистки арбитра, рёв трибун, эмоциональные сдвиги атмосферы, — чтобы зрители чувствовали каждый момент в реальном времени. Всё это живёт в официальной аппке FIFA World Cup 2026™. Я хотела протестировать её на доступность, но она недоступна в рф.
Субтитры
На стадионах они идут на бегущих строках, табло и экранах, плюс по ссылкам в приложении — для тех, кто хочет следить за голосовым контентом во время матча.
Хаптика
Это доска размером с планшет с рельефной схемой поля. Кладёшь пальцы на поверхность и следишь за игрой на ощупь: по схеме движется магнитное кольцо — мяч, а у каждого события свой паттерн вибрации — пас, подкат, удар. Незрячий болельщик буквально чувствует игру: где мяч, в какую сторону атака, гол. Будут на стадионах в Далласе, Нью-Йорке, Сиэтле и Ванкувере.
Сенсорные пакеты и сенсорные комнаты
На каждом стадионе будут доступны сенсорные пакеты с шумоподавляющими наушниками, fidget-инструментами и средствами коммуникации. Также будет оборудована сенсорная комната с приглушённым освещением, звукоизоляцией, тактильными арт-объектами и мягкими сиденьями. Моя дочка устаёт от шума, и для нас такие комнаты — огромное спасение. Когда вокруг 50 тысяч кричащих людей, возможность выйти на десять минут в тихое место, выдохнуть и вернуться к игре — спасает от побега с игры )
Официальное приложение турнира тоже сделано с учётом доступности — обещают регулируемый размер шрифта, настройку цветового контраста и субтитры к видео.
Ну вот это я проверить не могу. Если вы не в рф, качните, гляньте, что там. И если несложно, напишите в комментах, как всё реализовано на самом деле. Очень интересно )
На сайте FIFA посмотрела быстро: работает со скринридером (но нужно тщательнее проверять), альты прописаны, даже есть изображения в разных размерах, значит сайт быстрее загрузится, контрастность гуд, таб работает, зуммируется все прекрасно, текст не обрезается. И знаете, это большая работа. Просто молодцы!
За кого болеть будем? ⚽️
Чтение на лето: список Баевского
Олег Артёмович Баевский поделился книгами и текстами, через которые можно увидеть, как формировался средовой подход в градостроительстве — от первых исследований человека и пространства до современных представлений о городской среде.
На вечере Высоковского Олег Артёмович обратился к нескольким ключевым работам из этого списка:
· Кевин Линч «Образ города» (1960) — город впервые предстал в этом тексте не как функциональная конструкция, а как пространство впечатлений, индивидуальное для каждого человека.
· Джейн Джекобс «Смерть и жизнь больших американских городов» (1961) — теперь знаменитая урбанистка озвучила смелую идею о том, что именно разнообразие городской жизни делает город живым. Многие теоретики и практики до сих пор спорят с Джейкобс и её взглядами на город.
· Роджер Баркер и Ирвин Альтман (1960-е) — авторы в разных текстах сформулировали теорию мест поведения и персонализации среды: они рассматривали освоенность и безопасность как главные качества городского пространства.
· Алексей Гутнов «Эволюция градостроительства» и Вячеслав Глазычев «Социально-экологическая интерпретация городской среды» (1984) — два советских текста, ставшие важной частью развития отечественного градостроительства.
· Александр Высоковский «Субстанциональные свойства среды» (1990) — текст, в котором среда понимается как посредник между физическим пространством и тем, как человек воспринимает его.
Вместе эти работы показывают единую историю развития средового подхода и позволяют увидеть систему ценностей, из которой выросли многие практические инструменты российской урбанистики.
Сохраняйте полный список на лето — собрали его в статье. Читайте тексты и обсуждайте с коллегами!
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. Культура будет способствовать информационной осведомлённости о важности доступности, а законы обяжут выделять на это ресурсы.
🛡 Магия ИИ работает только там, где уже есть экспертиза
Карина Веласкес рассказывает историю не про то, как Claude Code «сам собрал дизайн-систему», а про то, как накопленное знание наконец получило быстрый способ материализоваться. На работе она не могла использовать Claude Code, сервер Фигма MCP и другие инструменты из-за политики безопасности, поэтому взяла личный ноутбук, пустой файл в Фигме и за один пятничный день собрала Prisme, личную дизайн-систему с токенами, темами, компонентами и плагином для синхронизации.
Самое интересное здесь не скорость сама по себе, а то, почему эта скорость сработала. Карина уже понимала архитектуру токенов: где нужны глобальные значения, где живут брендовые темы, как должен работать семантический слой, почему алиасы важны и чем нативный формат переменных Фигмы отличается от Token Studio JSON. Claude Code не придумал это за неё. Он просто оказался достаточно быстрым исполнителем, чтобы описание превращалось в структуру, структуру можно было сразу проверить, а ошибки быстро поправить.
Внутри:
– Почему сильный результат с ИИ начинается не с промпта, а с внутренней модели;
– Как Фигма MCP позволяет работать с переменными и токенами без ручного кликанья в интерфейсе;
– Зачем дизайн-системе нужны глобальный, брендовый и семантический слои;
– Почему токены, которые живут только в Фигме, остаются артефактом, а не инфраструктурой;
– Как Prisme Bridge переводит данные между Token Studio JSON и переменными Фигмы;
– Почему кнопка стала хорошей проверкой всей токенной архитектуры;
– Как Claude Code помог собрать компонент с размерами, состояниями, вариантами и заменяемыми иконками;
➡️ Читать статью (EN)
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🙂 Helsa Display в движении
Нежный и дерзкий эльзевир… Это всё о Хельзе Ника Недашковского — стройной и эксцентричной антикве для заголовков и коротких текстов.
В Хельзе есть ноги-шпоры «R», шипастая «К», политонический греческий, тире и двоеточие, выравнивающиеся по центру прописных, есть цифры на все случаи жизни и математические символы в индексах. Что ещё спрятано внутри этой антиквы, а также истории о шрифтовых пасхалках — в статье Ника «Helsa Display — история, картинки и разговоры».
Рисунок букв Хельзы основан на голландских образцах, а в деталях есть отсылки и к американским шрифтовым каталогам, и к литерам из словолитен Вольфа и Гербека. И теперь вся эта красота ожила благодаря курсу Кирилла Пестовского Motion Type на площадке школы «Вольница».
Мы обещали, что буквы будут танцевать. И это случилось. Автор анимации Хельзы: @daryatokk
Если понадобится промокод на Хельзу, играйте в игру от наших партнеров — SPELLLENS, где нужно собирать три в ряд, только с диджитал-брендами 🐶
