Доступность в дизайн-системе и AI-агенты: почему разметка

Пост для дизайнеров и разработчиков дизайн-систем.

Vercel Labs выложили Agent Desktop. Это открытый CLI, через который агент управляет обычными программами на macOS, Windows и Linux. Агент читает дерево доступности ОС, а скриншоты не разбирает.

Что это значит для разметки: • у кнопки-иконки без доступного имени агент видит безымянный элемент и не знает, что она делает; • поле без подписи для него просто поле, без смысла; • роль и состояние компонента агент берёт из разметки, а не из того, как компонент нарисован.

Ограничения: работает только с приложениями, которые отдают дерево доступности, веб-страницы не обрабатывает.

Вывод простой. Аккуратная разметка в компонентах ДС раньше нужна была людям со скринридером. Теперь она нужна и агентам. Проверить просто: пройдитесь по иконкам-кнопкам и полям в библиотеке.

Подпишитесь, если тема дизайн-систем и агентов вам близка.

Доступность в дизайн-системе и AI-агенты: почему разметка | Сетка — социальная сеть от hh.ru