Skip to content

Commit

Permalink
Merge pull request #2984 from MicrosoftDocs/user/leahtu/whats-new-119
Browse files Browse the repository at this point in the history
What's New 119
  • Loading branch information
captainbrosset authored Dec 22, 2023
2 parents 94f5c2c + 8efe21a commit b1e7cf7
Show file tree
Hide file tree
Showing 6 changed files with 74 additions and 4 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -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)


<!-- ====================================================================== -->
<!-- uncomment if content is copied from developer.chrome.com to this page -->

<!-- > [!NOTE]
> Portions of this page are modifications based on work created and [shared by Google](https://developers.google.com/terms/site-policies) and used according to terms described in the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0).
> The original page for announcements from the Chromium project is [What's New in DevTools (Chrome 119)](https://developer.chrome.com/blog/new-in-devtools-119) and is authored by [Sofia Emelianova](https://developers.google.com/web/resources/contributors) (Senior Technical Writer working on Chrome DevTools at Google). -->


<!-- ====================================================================== -->
<!-- uncomment if content is copied from developer.chrome.com to this page -->

<!-- [![Creative Commons License](../../../../media/cc-logo/88x31.png)](https://creativecommons.org/licenses/by/4.0)
This work is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0). -->
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ The following What's New entries cover older releases.

<!-- maintenance notes: adjust placement and indent in toc.yml too -->

* [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)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand All @@ -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)
9 changes: 6 additions & 3 deletions microsoft-edge/toc.yml
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down

0 comments on commit b1e7cf7

Please sign in to comment.