You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
*[Accessibility-testing features](../devtools-guide-chromium/accessibility/reference.md) - A list of accessibility aspects to test, and which features of DevTools to use for each test.
21
+
DevTools includes accessibility-testing features, such as tools that automatically generate accessibility reports for a webpage, including the **Issues** tool and the **Lighthouse** tool.
22
+
23
+
To learn more about the accessibility testing features of DevTools, see [Accessibility-testing features](../devtools-guide-chromium/accessibility/reference.md).
## Use testers who have different accessibility needs
46
+
47
+
Ideally, have testers with different accessibility needs do manual accessibility testing.
48
+
49
+
Automated tools can't find all the accessibility problems of a website, because many of the barriers show up only during interactive use. None of the accessibility-testing features can replace testing with people that use assistive technologies and following a plan to check for all the required tests.
You can also use the assessment feature of [Accessibility Insights](https://accessibilityinsights.io) to measure your website's compliance with the [Web Content Accessibility Guidelines (WCAG) 2.2 Level AA](https://www.w3.org/WAI/WCAG22/quickref/?versions=2.2&levels=aaa) success criteria. To learn more, see [Assessment in Accessibility Insights for Web](https://accessibilityinsights.io/docs/en/web/getstarted/assessment/).
Copy file name to clipboardExpand all lines: microsoft-edge/devtools-guide-chromium/accessibility/reference.md
+2-46Lines changed: 2 additions & 46 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -78,54 +78,10 @@ This article lists typical accessibility aspects to test for webpages, and the c
78
78
| Verify that the webpage layout is usable when narrow |**Device Emulation** tool |[Verify that the webpage layout is usable when narrow](./narrow.md), and [Emulate mobile devices (Device Emulation)](../device-mode/index.md)|
Testing the accessibility of your website is important to ensure that people with different needs can use your website. The DevTools features described above are a good start to catch accessibility problems in your products. These features range from automated checks and manual detail checks to simulation of different states and environments.
85
-
86
-
87
-
#### First, use DevTools automated reports and manual testing
88
-
89
-
As covered in the tables above, DevTools includes automated accessibility-testing features, such as tools that automatically generate accessibility reports for a webpage, including the **Issues** tool and the **Lighthouse** tool. You can also use the Assessments feature of Accessibility Insights, per below.
90
-
91
-
Microsoft Edge, including DevTools, also supports manual accessibility testing, such as:
92
-
* Inspect different parts of the page by using the **Inspect** tool.
93
-
* Use the keyboard to navigate the page.
94
-
* Look for issues that arise when interacting with the page.
95
-
* Look for issues related to changes in display, such as making the window narrow.
96
-
97
-
98
-
#### Perform additional checks
99
-
100
-
After the tests that are listed above, you may need to perform additional checks, such as:
101
-
102
-
* Testing when zoomed-in.
103
-
* Testing with screen readers.
104
-
* Testing with voice recognition.
105
-
* Testing in high-contrast mode.
106
-
107
-
108
-
#### Use testers who have different accessibility needs
109
-
110
-
Ideally, have testers with different accessibility needs use these automated testing features and do manual accessibility testing.
111
-
112
-
Automated tools can't find all the problems in a product, because many of the accessibility barriers show up only during interactive use. None of these features can replace a proper round of testing with people that use assistive technologies and following a plan to check for all the required tests.
113
-
114
-
115
-
#### Use Accessibility Insights
116
-
117
-
You can also use the [Assessments](https://accessibilityinsights.io/docs/en/web/getstarted/assessment/) feature of [Accessibility Insights](https://accessibilityinsights.io).
118
-
119
-
120
-
#### Use webhint in Visual Studio Code
121
-
122
-
Another way to find out what to do to improve your webpage is to use the [webhint extension for Visual Studio Code](https://aka.ms/webhint4code). This extension flags the readily detectable accessibility problems in your source code and gives insights on how to fix them.
0 commit comments