diff --git a/microsoft-edge/accessibility/build/index.md b/microsoft-edge/accessibility/build/index.md index f2c13645de..797d2bf26d 100644 --- a/microsoft-edge/accessibility/build/index.md +++ b/microsoft-edge/accessibility/build/index.md @@ -21,7 +21,7 @@ Visit [HTML5Accessibility](https://html5accessibility.com) for information on wh ## How accessibility works -Assistive technologies add capabilities that computers don't usually have. For example, a user who has low vision might use their keyboard in combination with assistive technology such as a screen reader, rather than directly using the browser with the mouse and screen. +Assistive technologies add capabilities that computers don't usually have. For example, a user who has low vision might use their keyboard in combination with assistive technology such as a screen reader, rather than directly using the browser with the mouse and screen. For applications on Microsoft platforms and on the web, the assistive technology interacts with any combination of: * Microsoft [UI Automation](/windows/win32/winauto/uiauto-specandcommunitypromise). diff --git a/microsoft-edge/dev-videos/index.md b/microsoft-edge/dev-videos/index.md index 0c116fb8db..6a98c8cd64 100644 --- a/microsoft-edge/dev-videos/index.md +++ b/microsoft-edge/dev-videos/index.md @@ -31,7 +31,7 @@ The Microsoft Edge channel includes the following playlists: * [Extensions](https://www.youtube.com/playlist?list=PL4z1-7pjJU6ykO2iptfxT7T68W5WEK4ff) - ## Microsoft Edge extensions - + Create an extension for Microsoft Edge, to add to or modify the browser's features. Extensions improve the browser experience, to provide a specialized function that's important to a target audience. You can create a Microsoft Edge extension if you have an idea or product that is based upon either a specific web browser, or improvements to features of specific webpages. Examples of companion experiences include ad blockers and password managers. diff --git a/microsoft-edge/developer/index.yml b/microsoft-edge/developer/index.yml index 13f7eafe12..44049f7978 100644 --- a/microsoft-edge/developer/index.yml +++ b/microsoft-edge/developer/index.yml @@ -12,7 +12,7 @@ metadata: author: MSEdgeTeam #Required; your GitHub user alias, with correct capitalization. ms.author: msedgedevrel #Required; microsoft alias of author; optional team alias. ms.date: 02/15/2024 #Required; mm/dd/yyyy format. - + # How to create or update a landing page # https://review.learn.microsoft.com/help/contribute/contribute-how-to-write-landing-page?branch=main diff --git a/microsoft-edge/devtools/about-tools.md b/microsoft-edge/devtools/about-tools.md index 6c262aa9bc..265e9e640e 100644 --- a/microsoft-edge/devtools/about-tools.md +++ b/microsoft-edge/devtools/about-tools.md @@ -155,5 +155,5 @@ To restore all of the default tool tabs in the **Activity Bar** and **Quick View ## See also - + * [Overview of DevTools](overview.md) - Similar to the present article, but broader coverage, with a top-level introduction to DevTools. diff --git a/microsoft-edge/devtools/accessibility/color-picker.md b/microsoft-edge/devtools/accessibility/color-picker.md index d9b7e56f43..a8136df953 100644 --- a/microsoft-edge/devtools/accessibility/color-picker.md +++ b/microsoft-edge/devtools/accessibility/color-picker.md @@ -47,7 +47,7 @@ In DevTools, one way to view the contrast ratio of a text element is to use the ![The 'Contrast Ratio' section of the Color Picker shows two check marks and a value of 13.97](./color-picker-images/accessibility-elements-styles-paragraph-highlight-color-picker.png) The **Contrast ratio** section shows a score for the contrast ratio between the text and the background and an icon that indicates whether the contrast ratio meets recommendations: - + * A red crossed-out circle means that the element doesn't meet the [minimum recommendation](https://www.w3.org/WAI/WCAG21/quickref/#contrast-minimum). * One check mark means that the element meets the minimum recommendation. * Two check marks means that the element meets the [enhanced recommendation](https://www.w3.org/WAI/WCAG21/quickref/#contrast-enhanced). diff --git a/microsoft-edge/devtools/accessibility/emulate-vision-deficiencies.md b/microsoft-edge/devtools/accessibility/emulate-vision-deficiencies.md index 539eb5db69..81839b5c78 100644 --- a/microsoft-edge/devtools/accessibility/emulate-vision-deficiencies.md +++ b/microsoft-edge/devtools/accessibility/emulate-vision-deficiencies.md @@ -13,7 +13,7 @@ ms.date: 12/04/2023 To better meet the needs of users with [color vision deficiency](https://www.colourblindawareness.org) (color blindness) or blurred vision, Microsoft Edge DevTools allows you to simulate blurred vision and specific color vision deficiencies. The **Emulate vision deficiencies** tool simulates the following categories: | Color vision deficiency | Details | -|:--- |:--- | +|---|---| | Blurred vision | The user has difficulty focusing on fine details. | | Protanopia | The user is unable to perceive any red light. | | Deuteranopia | The user is unable to perceive any green light. | diff --git a/microsoft-edge/devtools/accessibility/focus.md b/microsoft-edge/devtools/accessibility/focus.md index 537a7714e9..2673f2d8f0 100644 --- a/microsoft-edge/devtools/accessibility/focus.md +++ b/microsoft-edge/devtools/accessibility/focus.md @@ -1,7 +1,7 @@ --- title: Track which element has focus description: Open the Console, create a Live Expression, and set the expression to document.activeElement. -author: MSEdgeTeam +author: MSEdgeTeam ms.author: msedgedevrel ms.topic: article ms.service: microsoft-edge @@ -78,7 +78,7 @@ The result of the `document.activeElement` Live Expression is only a preview of ![The focused element, highlighted in the rendered webpage](./focus-images/highlighted-focused-element.png) -1. Right-click the result of the Live Expression, and then select **Reveal in Elements panel**. +1. Right-click the result of the Live Expression, and then select **Reveal in Elements panel**. In the **Elements** tool, the DOM tree automatically expands and selects the DOM node that's currently focused: diff --git a/microsoft-edge/devtools/accessibility/preferred-color-scheme-simulation.md b/microsoft-edge/devtools/accessibility/preferred-color-scheme-simulation.md index d261e579c2..d7dab05f8a 100644 --- a/microsoft-edge/devtools/accessibility/preferred-color-scheme-simulation.md +++ b/microsoft-edge/devtools/accessibility/preferred-color-scheme-simulation.md @@ -14,7 +14,7 @@ Use the **Rendering** tool to see what your webpage looks like with different di Many operating systems have a way to display any application in darker or lighter colors. Having a website that has a light scheme in a dark-mode operating system can be hard to read and can be an accessibility issue for some users. -To test how a webpage will render when the user has selected dark or light mode, instead of changing your own machine's dark-mode or light-mode setting, you can select **Emulate CSS prefers-color-scheme: dark** or **light** in Microsoft Edge DevTools. Or, you can make your webpage automatically select dark or light mode based on your own preferred settings on your machine, by selecting **No emulation**, which is the default. +To test how a webpage will render when the user has selected dark or light mode, instead of changing your own machine's dark-mode or light-mode setting, you can select **Emulate CSS prefers-color-scheme: dark** or **light** in Microsoft Edge DevTools. Or, you can make your webpage automatically select dark or light mode based on your own preferred settings on your machine, by selecting **No emulation**, which is the default. You can select these settings from the **Rendering** tool or from the **Command Menu**, as described below. diff --git a/microsoft-edge/devtools/accessibility/test-analyze-no-keyboard-support.md b/microsoft-edge/devtools/accessibility/test-analyze-no-keyboard-support.md index 13d1c5d02d..b24bf5c177 100644 --- a/microsoft-edge/devtools/accessibility/test-analyze-no-keyboard-support.md +++ b/microsoft-edge/devtools/accessibility/test-analyze-no-keyboard-support.md @@ -93,7 +93,7 @@ The form's functionality is created by using JavaScript, and you can test this b } }) ``` - + Using a `click` event listener to run code when a button is used is a good practice, because a `click` event fires both on mouse pointer and keyboard interaction. However, the **Donate** button is implemented by using a `
` HTML element, which can't be focused with the keyboard. The `click` event only runs when you use a mouse or another source of a `click` event, such as a special button that's available on some keyboards. This is a classic example where JavaScript was added to recreate the functionality that ` ``` - + 1. In `MainWindow.xaml.cs`, paste the following `try/catch` block into the body of the `myButton_Click` method: ```csharp @@ -358,7 +358,7 @@ To allow users to control which webpage is displayed in the WebView2 control, ad ``` This code navigates the WebView2 control to the URL that the user enters in the Address bar, when the user clicks the **Go** button, by re-setting the value of the `MyWebView.Source` property, which is equivalent to the `Source` attribute of the `` element. - + 1. Select **File** > **Save All** (**Ctrl+Shift+S**). 1. Press **F5**. @@ -496,7 +496,7 @@ To display an alert when the user tries to navigate to a non-HTTPS site: } } ``` - + 1. Select **File** > **Save All** (**Ctrl+Shift+S**). 1. Press **F5**. diff --git a/microsoft-edge/webview2/get-started/wpf.md b/microsoft-edge/webview2/get-started/wpf.md index 45ff8b5799..279c6c17a1 100644 --- a/microsoft-edge/webview2/get-started/wpf.md +++ b/microsoft-edge/webview2/get-started/wpf.md @@ -203,7 +203,7 @@ In Visual Studio, use NuGet Package Manager to add the WebView2 SDK to the proje 1. In the upper left, click the **Browse** tab. In the search bar, type `Microsoft.Web.WebView2`, then click the **Microsoft.Web.WebView2** package. The NuGet package manager dialog displays search results, including a **Microsoft.Web.WebView2** package. The dialog has a version number and **Install** button. - + ![NuGet package manager dialog displays the Microsoft.Web.WebView2 package](./wpf-images/install-nuget.png) 1. Accept the default version, and then click the **Install** button. @@ -323,7 +323,7 @@ Enable users to change the URL that the WebView2 control displays, by adding an ``` 1. Paste the code directly after the `Public MainWIndow` declaration, as shown in the following code: - + ```csharp namespace WpfApp1 { @@ -426,7 +426,7 @@ To demonstrate how to use the events, register a handler for `NavigationStarting InitializeComponent(); webView.NavigationStarting += EnsureHttps; } - + void EnsureHttps(object sender, CoreWebView2NavigationStartingEventArgs args) { String uri = args.Uri; @@ -436,7 +436,7 @@ To demonstrate how to use the events, register a handler for `NavigationStarting } } ``` - + In the constructor, `EnsureHttps` is registered as the event handler on the `NavigationStarting` event on the WebView2 control. 1. Select **File** > **Save All** to save the project. diff --git a/microsoft-edge/webview2/how-to/chromium-devtools-protocol.md b/microsoft-edge/webview2/how-to/chromium-devtools-protocol.md index 01f6ab15a0..26063fb20e 100644 --- a/microsoft-edge/webview2/how-to/chromium-devtools-protocol.md +++ b/microsoft-edge/webview2/how-to/chromium-devtools-protocol.md @@ -52,20 +52,20 @@ To create an `HTML file` to find your geolocation, complete following the action
- +