What's New in DevTools (Microsoft Edge 136) (#3451)

* first draft

* add TOC

* indent links

* adorners

* removed chrome links

---------

Co-authored-by: Michael S. Hoffman <v-mihoffman@microsoft.com>

Author: leahmsft

microsoft-edge/devtools-guide-chromium/whats-new/2025/05/devtools-136-images/dom-adorner.png

@@ -0,0 +1,54 @@
+---
+title: What's New in DevTools (Microsoft Edge 136)
+description: "DOM tree in Elements tool highlights semantic errors. And more."
+author: MSEdgeTeam
+ms.author: msedgedevrel
+ms.topic: conceptual
+ms.service: microsoft-edge
+ms.subservice: devtools
+ms.date: 05/05/2025
+---
+# What's New in DevTools (Microsoft Edge 136)
+
+These are the latest features in the Stable release of Microsoft Edge DevTools.
+
+
+<!-- ====================================================================== -->
+## DOM tree in Elements tool highlights semantic errors
+
+<!-- Subtitle: DOM elements with semantic errors are highlighted with a wavy line and a tooltip with a link. -->
+
+You can now easily identify semantic issues in the DOM tree of the **Elements** tool, such as: 
+* An invalid descendant of `<select>`.
+* Mismatched ARIA definitions.
+* Missing ARIA attributes.
+
+Each DOM node that has a semantic issue displays a red wavy line, and has a tooltip with details about the specific issue and a link to the entry in the **Issues** tool:
+
+![DOM adorner in Elements](./devtools-136-images/dom-adorner.png)
+
+To enable this feature, in DevTools experiments, select the checkbox [Highlights a violating node or attribute in the Elements panel DOM tree](../../../experimental-features/index.md#highlights-a-violating-node-or-attribute-in-the-elements-panel-dom-tree).
+
+See also:
+* [Turning an experiment on or off](../../../experimental-features/index.md#turning-an-experiment-on-or-off) in _Experimental features in Microsoft Edge DevTools_.
+
+
+<!-- ====================================================================== -->
+## Announcements from the Chromium project
+
+Microsoft Edge 136 also includes the following updates from the Chromium project:
+
+* [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-136#perf)
+   * [New performance insights](https://developer.chrome.com/blog/new-in-devtools-136#perf-insights)
+   * [Click to highlight](https://developer.chrome.com/blog/new-in-devtools-136#click-to-highlight)
+   * [Server timings in Summary of network requests](https://developer.chrome.com/blog/new-in-devtools-136#server-timings)
+* [Filter cookies in 'Privacy and security'](https://developer.chrome.com/blog/new-in-devtools-136#cookies-filter)
+* [Sizes in kB units in tables across panels](https://developer.chrome.com/blog/new-in-devtools-136#kb-units)
+* [Autocomplete supports corner-shape and corner-*- shape in Elements > Styles](https://developer.chrome.com/blog/new-in-devtools-136#corner-shape-autocomplete)
+
+
+<!-- ====================================================================== -->
+## See also
+
+* [What's New in Microsoft Edge DevTools](../../whats-new.md)
+* [Release notes for Microsoft Edge web platform](../../../../web-platform/release-notes/index.md)

microsoft-edge/devtools-guide-chromium/whats-new/2025/05/devtools-136.md

@@ -89,6 +89,10 @@
               href: ./devtools-guide-chromium/whats-new/whats-new.md
               displayName: release notes, announcements
 # latest 10 What's New
+            - name: Microsoft Edge 136
+              href: ./devtools-guide-chromium/whats-new/2025/05/devtools-136.md
+              displayName: What's New in DevTools (Microsoft Edge 136)  # page title
+
             - name: Microsoft Edge 135
               href: ./devtools-guide-chromium/whats-new/2025/04/devtools-135.md
               displayName: What's New in DevTools (Microsoft Edge 135)  # page title
@@ -125,16 +129,16 @@
               href: ./devtools-guide-chromium/whats-new/2024/07/devtools-127.md
               displayName: What's New in DevTools (Microsoft Edge 127)  # page title
 
-            - name: Microsoft Edge 126
-              href: ./devtools-guide-chromium/whats-new/2024/06/devtools-126.md
-              displayName: What's New in DevTools (Microsoft Edge 126)  # page title
-
             # keep 10 items above
             - name: Archive
               items:
                 - name: What's New in DevTools archive
                   href: ./devtools-guide-chromium/whats-new/whats-new-archive.md
 
+                - name: Microsoft Edge 126
+                  href: ./devtools-guide-chromium/whats-new/2024/06/devtools-126.md
+                  displayName: What's New in DevTools (Microsoft Edge 126)  # page title
+
                 - name: Microsoft Edge 125
                   href: ./devtools-guide-chromium/whats-new/2024/05/devtools-125.md
                   displayName: What's New in DevTools (Microsoft Edge 125)  # page title

microsoft-edge/toc.yml

@@ -60,10 +60,7 @@ To stay up-to-date and get the latest web platform features, download a preview
 <!-- ====================================================================== -->
 ## Edge DevTools
 
-See [What's New in Microsoft Edge DevTools](../../devtools-guide-chromium/whats-new/whats-new.md).
-<!-- todo: when exists, use instead:
 See [What's New in DevTools (Microsoft Edge 136)](../../devtools-guide-chromium/whats-new/2025/05/devtools-136.md).
--->
 
 
 <!-- ====================================================================== -->