WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2026 Europe • Jul 9, 2026 • Session details

Design Systems for the Machines - How to Make AI Understand Your UI

Jennifer Wjertzoch

AI agents can parse your DOM, but they consistently fail to deduce intent. Discover how to build machine-readable design systems using flawless HTML and ARIA signals.

Pause
Mute Enter Fullscreen
#1 about 4 min

The shift from human-oriented to machine-readable interfaces

Design systems must evolve beyond visual consistency to provide predictable signals for automated machine interactions.

#2 about 2 min

How AI agents interpret web applications and visual elements

Agents rely on explicit underlying data structures rather than visual inferences to interact with digital applications.

#3 about 3 min

Three core challenges AI agents face in UI navigation

Artificial intelligence struggles to operate interfaces that lack standardized meaning, state behavior, and workflow intent.

#4 about 4 min

Solving UI ambiguity with HTML semantics and ARIA metadata

Embedded structural metadata provides the essential context required for machines to understand interactions without visual rendering.

#5 about 6 min

Demonstrating AI reliability with semantic versus generic UI components

Live code comparisons reveal how accessible element properties drastically reduce critical execution errors during automated tasks.

#6 about 4 min

Four practical outcomes of building machine-readable design components

Clear structural standards unlock automated accessibility reviews, safer refactoring processes, and accurate design-to-code generation.

#7 about 4 min

A practical blueprint for implementing agent-ready developer workflows

Teams can immediately improve systemic predictability by implementing structural audits, strict coding conventions, and CI/CD blocking mechanisms.

Matching moments

2:11 min

The shift from predictable UX to adaptive AI experiences

Madalena Costa Madalena Costa · Europe 2026 Virtual

9:45 min

AI agents replacing traditional web interfaces

2:49 min

Building an AI-friendly HTML design system and reference

Jeff Blankenburg Jeff Blankenburg · WWC Europe 2026

4:32 min

Audience Q&A on tooling choices and AI application prototyping

MIlan Todorović MIlan Todorović · WWC Europe 2026

2:54 min

Designing complex software architecture in the era of AI

Chris Heilmann +2 · LIVE

1:45 min

Improving AI comprehension through semantic HTML DOM trees

Edvin Teskeredzic Edvin Teskeredzic · WWC Europe 2026

More from World Congress 2026 Europe

Building the Nervous System of AI - Michael Kagan (NVIDIA) thumbnail
29:17
about 1 month ago

Building the Nervous System of AI - Michael Kagan (NVIDIA)

Michael Kagan, Sead Ahmetović

Five Things in Tech that Matter Now - WeAreDevelopers World Congress 2026 Closing Keynote thumbnail
19:41
about 1 month ago

Five Things in Tech that Matter Now - WeAreDevelopers World Congress 2026 Closing Keynote

Christian Heilmann

The Sound of Your Secrets: Teaching Your Model to Spy, So You Can Learn to Defend thumbnail
32:06
about 1 month ago

The Sound of Your Secrets: Teaching Your Model to Spy, So You Can Learn to Defend

David vonThenen

Super scaling for the Super Bowl: How to survive 30 million users hitting your backend in 30 minutes thumbnail
35:13
about 1 month ago

Super scaling for the Super Bowl: How to survive 30 million users hitting your backend in 30 minutes

Irina Branovic

Running Secure Life Science Research at Scale using Hybrid GPU HPC and Kubernetes 🧬 thumbnail
24:23
about 1 month ago

Running Secure Life Science Research at Scale using Hybrid GPU HPC and Kubernetes 🧬

Jeremy Murray

Angstfreude - AI and Corporate Culture - The Thrill and the Threat thumbnail
30:26
about 1 month ago

Angstfreude - AI and Corporate Culture - The Thrill and the Threat

Axel Ebert, Karin Krobath

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Designing APIs That Survive AI Agents at Scale

Phani Pendurthi

Mastercard, Principal Software Engineer

Phani Pendurthi
Open session

World Congress 2026 North America

AI That Argues With Itself: Building Self-Debating Systems That Catch Their Own Bugs

Shreya Singhal

AI Applied Scientist at Claritev

Shreya Singhal
Open session

World Congress 2026 North America

Beyond the Code: Human-AI Synergies in Product Development

Ajita Kanchivakam Ananth

Staff Technical Program Manager at Google

Ajita Kanchivakam Ananth
Open session

World Congress 2026 North America

When Agents Became Users: Rearchitecting Identity and Permissions for AI at Scale

Yoav Gal, Dor Cohen

Yoav Gal
Dor Cohen
Open session

World Congress 2026 North America

From Software Agents to Physical Devices: Inside the Agentic Hardware Stack

Michael Yuan, Vivian Hu

Michael Yuan
Vivian Hu
Open session

World Congress 2026 North America

Reinventing Testing Practices in the AI Era

Eric Deandrea

Java Champion & Senior Principal Software Engineer, IBM

Eric Deandrea

Related videos

Design Patterns For AI Products in 2026 thumbnail
34:27
WWC Europe 2026 • about 1 month ago

Design Patterns For AI Products in 2026

Vitaly Friedman

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more thumbnail
1:06:13
LIVE • over 1 year ago

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more

Chris Heilmann, Daniel Cranney, Dirk Ginader

AI and Accessibility: The Good and the Bad - Fireside Chat thumbnail
51:09
A11y + AI • about 1 year ago

AI and Accessibility: The Good and the Bad - Fireside Chat

Léonie Watson, Artur Ortega, Karl Groves, Geri Reid, Sara Joy

Insight into AI-Driven Design thumbnail
14:29
WWC 2024 • almost 2 years ago

Insight into AI-Driven Design

Madalena Costa

WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more thumbnail
1:42:35
LIVE • 10 months ago

WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more

Chris Heilmann, Daniel Cranney, Grahamthedev

Liquid AI interfaces: how software eats frontend thumbnail
8:42
Europe 2026 Virtual • about 1 month ago

Liquid AI interfaces: how software eats frontend

Patrick Reinbold

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.