Speakers

Guiding us through this adventure is Rami, our AI-generated, raccoon treasure hunter, equal parts explorer and troublemaker, armed with a mysterious treasure map and an ancient planchette lens to decode its mysteries. Each segment of the talk represents a new “clue” on the map, where we’ll dive into demos of web interfaces through the lens of Forced Colors Mode, uncovering what breaks, what disappears, and how we can bring clarity back to the screen.

Together, we’ll explore:

• What is Forced Colors Mode and how do browsers translate system color schemes?
• How can we detect and support the forced-colors media query?
• How do CSS keywords, color tokens, and custom properties behave in high-contrast settings?
• What are the best practices for building resilient, inclusive interfaces in Forced Colors Mode?
• When (and how) should we override forced rendering safely?

Throughout the talk, we’ll alternate between screen reader–guided demos and visual “treasure map” sequences, immersing the audience in the challenges users face when Forced Colors Mode is ignored, and the breakthroughs that happen when it’s embraced.

Much like the promise of cake in Portal, login forms are everywhere in web development. While they may seem functional at first glance, many users with disabilities perceive a maze of invisible walls, from keyboard traps to inaccessible CAPTCHA. It's as if GLaDOS designed these forms herself to test us!

In this talk, we will fix accessibility problems in a real React login component together. We will explore how simple changes can significantly improve the user experience. For example, by using ARIA tags correctly and managing focus more effectively, and what matters for authentication in particular. The promise of cake may be a lie (or isn't it? 🤔), but accessibility can and should be!

After Log4Shell and the "GitHub Actions" based attacks, the most significant security vulnerabilities of the past few years, controlling the software supply chain is top of mind for every security-conscious development team. We realize that embedding open-source libraries in our applications has substantial security risks. Still, no major software artifact can be built without OSS components these days. In this session, we will use the recommendations of the most popular supply chain frameworks to explore a series of practical software development and system architecture best practices you can follow to secure your builds, sources, and dependencies. We will look at how you can protect your application from two classes of risks: internal and external. The former focuses on insider threats and compromised accounts, and the latter concentrates on open-source libraries embedded in your software projects.

Session Takeaways:

• How to use supply chain security frameworks to assess the security posture of an application
• Define best practices to secure your builds, sources, and dependencies.
• How to protect an application's CI/CD pipelines from insider threats and compromised credentials.

It is well understood many web applications are more complex than they should. My thesis is that this is because due to prevailing mainstream trends, we ended up taking a path leading us to this complexity. It turns out that an old idea, hypermedia, might allow us to overcome this complexity while making our websites agent friendly. In this talk I show you why hypermedia is more relevant than ever today and what kind of benefits it can provide for web developers. I will cover concrete solutions, such as Datastar or htmx, and give you a starting point for your explorations with hypermedia driven web application development.

As people spend more time using personal agents like ChatGPT and Claude, they spend less time using browsers and apps. But agents still source information from the Web and use tools like MCP servers to extend their abilities and access.

Here's the surprise: React developers might not be building websites in the future. They might be building streaming components.

MCP-UI lets your React components render directly inside agent interfaces—no browser required. Your design system doesn't just power your website anymore; it extends into every agent your users talk to. This talk shows you how to make content agentic web-first using MCP-UI, with a live demo surfing the speaker's award-winning web comic archive entirely through an agent.

What you'll learn:

• Why your React skills are more relevant than ever before
• How design systems teams can extend their component libraries through MCP-UI
• How to build an MCP server that streams interactive UI to agents