Доступность в дизайн-системе и AI-агенты: почему разметка
Пост для дизайнеров и разработчиков дизайн-систем.
Vercel Labs выложили Agent Desktop. Это открытый CLI, через который агент управляет обычными программами на macOS, Windows и Linux. Агент читает дерево доступности ОС, а скриншоты не разбирает.
Что это значит для разметки: • у кнопки-иконки без доступного имени агент видит безымянный элемент и не знает, что она делает; • поле без подписи для него просто поле, без смысла; • роль и состояние компонента агент берёт из разметки, а не из того, как компонент нарисован.
Ограничения: работает только с приложениями, которые отдают дерево доступности, веб-страницы не обрабатывает.
Вывод простой. Аккуратная разметка в компонентах ДС раньше нужна была людям со скринридером. Теперь она нужна и агентам. Проверить просто: пройдитесь по иконкам-кнопкам и полям в библиотеке.
Подпишитесь, если тема дизайн-систем и агентов вам близка.