New in Edge for developers: better web components and agent-ready sites

At a glance

Microsoft Edge rounded up its latest features for web developers. They include a way to work with text ranges inside input fields, a property that makes web components (reusable page parts) easier for everyone to use, and WebMCP, an early feature that helps AI browsing agents use websites.

Key points

1. 1

   The OpaqueRange API finds where a range of text sits inside an input field, so developers can place UI or highlights there.

2. 2

   The referenceTarget property links labels to fields inside Shadow DOM (a structure that hides a component's internals), improving accessibility (how easy it is for everyone to use).

3. 3

   The aria-actions attribute tells screen readers about secondary actions, such as a tab's close button.

4. 4

   WebMCP is a web API that exposes a site's features as tools AI browsing agents can use, and Edge's implementation is ready for testing now.

Why it matters

Web developers can build sites more people can use and get ready for AI agents that help users get tasks done on websites.