diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119-images/dark-text-color-on-pills.png b/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119-images/dark-text-color-on-pills.png new file mode 100644 index 0000000000..5304f1a81f Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119-images/dark-text-color-on-pills.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119-images/visible-tree-item-application-panel.png b/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119-images/visible-tree-item-application-panel.png new file mode 100644 index 0000000000..7dfe94903e Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119-images/visible-tree-item-application-panel.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119.md b/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119.md new file mode 100644 index 0000000000..21e450a0a6 --- /dev/null +++ b/microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119.md @@ -0,0 +1,66 @@ +--- +title: What's new in DevTools (Microsoft Edge 119) +description: "Increased text color contrast for Error pills (badges) in the Issues tool. Increased text color contrast for tree items on the left side of the Application tool. And more." +author: MSEdgeTeam +ms.author: msedgedevrel +ms.topic: conceptual +ms.prod: microsoft-edge +ms.date: 11/02/2023 +--- +# What's New in DevTools (Microsoft Edge 119) + +[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)] + + + +## Increased text color contrast for Error pills (badges) in the Issues tool + +Before Microsoft Edge 119, users with low vision might face difficulties with the color contrast ratio for the orange oval **Error** pills (or badges) in the **Issues** tool. The contrast ratio between the foreground color and background color has been increased, to meet the Web Content Accessibility Guidelines for minimum contrast: + +![Updated text color for orange oval error pills (or badges) in the Issues tool](./devtools-119-images/dark-text-color-on-pills.png) + +See also: +* [Contrast (Minimum)](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html) +* [Find and fix problems using the Issues tool](../../../issues/index.md) + + + +## Increased text color contrast for tree items on the left side of the Application tool + +While navigating or hovering over a tree item in the left part of the **Application** tool, the tree item wasn't clearly visible, which might impact users with low vision, or keyboard users. The text color is now darker, and the tree item is now clearly visible when selected: + +![Updated text color for tree items in the Application tool](./devtools-119-images/visible-tree-item-application-panel.png) + +See also: +* [Application tool, to manage storage](../../../storage/application-tool.md) + + + +## Announcements from the Chromium project + +Microsoft Edge 119 also includes the following updates from the Chromium project: + +* [Improved @property section in Elements > Styles](https://developer.chrome.com/blog/new-in-devtools-119#css) + * [Editable @property rule](https://developer.chrome.com/blog/new-in-devtools-119#edit-property) + * [Issues with invalid @property rules are reported](https://developer.chrome.com/blog/new-in-devtools-119#property-issues) +* [Updated list of devices to emulate](https://developer.chrome.com/blog/new-in-devtools-119#devices) +* [Pretty-print inline JSON in script tags in Sources](https://developer.chrome.com/blog/new-in-devtools-119#sources) +* [Autocomplete private fields in Console](https://developer.chrome.com/blog/new-in-devtools-119#autocomplete-console) +* [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-119#accessibility) +* [Web SQL deprecation](https://developer.chrome.com/blog/new-in-devtools-119#web-sql) +* [Screenshot aspect ratio validation in Application > Manifest](https://developer.chrome.com/blog/new-in-devtools-119#manifest-aspect-ratio) + + + + + + + + + + + + diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/whats-new-archive.md b/microsoft-edge/devtools-guide-chromium/whats-new/whats-new-archive.md index 5169f2e411..4d8faf67c5 100644 --- a/microsoft-edge/devtools-guide-chromium/whats-new/whats-new-archive.md +++ b/microsoft-edge/devtools-guide-chromium/whats-new/whats-new-archive.md @@ -13,6 +13,7 @@ The following What's New entries cover older releases. +* [What's New in DevTools (Microsoft Edge 109)](2023/01/devtools-109.md) * [What's New in DevTools (Microsoft Edge 108)](2022/12/devtools-108.md) * [What's New in DevTools (Microsoft Edge 107)](2022/10/devtools-107.md) * [What's New in DevTools (Microsoft Edge 106)](2022/09/devtools-106.md) diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/whats-new.md b/microsoft-edge/devtools-guide-chromium/whats-new/whats-new.md index aa7fb10176..8f4ed3a551 100644 --- a/microsoft-edge/devtools-guide-chromium/whats-new/whats-new.md +++ b/microsoft-edge/devtools-guide-chromium/whats-new/whats-new.md @@ -18,6 +18,7 @@ What's New articles correspond to historical releases of Microsoft Edge, and are * move eleventh oldest link into whats-new-archive.md --> +* [What's New in DevTools (Microsoft Edge 119)](2023/11/devtools-119.md) * [What's New in DevTools (Microsoft Edge 118)](2023/10/devtools-118.md) * [What's New in DevTools (Microsoft Edge 117)](2023/09/devtools-117.md) * [What's New in DevTools (Microsoft Edge 116)](2023/08/devtools-116.md) @@ -27,5 +28,4 @@ What's New articles correspond to historical releases of Microsoft Edge, and are * [What's New in DevTools (Microsoft Edge 112)](2023/04/devtools-112.md) * [What's New in DevTools (Microsoft Edge 111)](2023/03/devtools-111.md) * [What's New in DevTools (Microsoft Edge 110)](2023/02/devtools-110.md) -* [What's New in DevTools (Microsoft Edge 109)](2023/01/devtools-109.md) * [What's New in DevTools archive](./whats-new-archive.md) diff --git a/microsoft-edge/toc.yml b/microsoft-edge/toc.yml index 3a2f012269..4ddce8a794 100644 --- a/microsoft-edge/toc.yml +++ b/microsoft-edge/toc.yml @@ -33,6 +33,9 @@ # What's New pages ------------------------------------------------------------ # also add new pages to nav page: /whats-new/whats-new.md # move eleventh oldest into Archive bucket + - name: Microsoft Edge 119 + href: devtools-guide-chromium/whats-new/2023/11/devtools-119.md + - name: Microsoft Edge 118 href: devtools-guide-chromium/whats-new/2023/10/devtools-118.md @@ -60,15 +63,15 @@ - name: Microsoft Edge 110 href: devtools-guide-chromium/whats-new/2023/02/devtools-110.md - - name: Microsoft Edge 109 - href: devtools-guide-chromium/whats-new/2023/01/devtools-109.md - # 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 109 + href: devtools-guide-chromium/whats-new/2023/01/devtools-109.md + - name: Microsoft Edge 108 href: devtools-guide-chromium/whats-new/2022/12/devtools-108.md