| description | title | author | ms.author | ms.date | ms.topic | ms.prod | keywords | ms.custom |
|---|---|---|---|---|---|---|---|---|
Use the Accessibility tools to view verify and test page accessibility |
DevTools - Elements - Accessibility |
MSEdgeTeam |
msedgedevrel |
03/28/2018 |
article |
microsoft-edge |
microsoft edge, web development, f12 tools, devtools, elements, accessibility |
seodec18 |
View the accessible properties assigned to the selected element. Hover over any of the property names for a description of how it's used by assistive technologies. You can also right-click any property to copy its value to the clipboard.
It's useful to open the Accessibility tree to navigate around your page as a screen reader would, and then use the Accessibility pane to inspect details about accessibility properties of interest.
The Accessibility tree pane shows the structure of your page as it would appear to an assistive technology, such as the Windows Narrator screen reader.
Clicking on a node in the tree view will also select it in the HTML tree, and vice versa. Selecting an accessible element from either the HTML or Accessibility tree views will also populate further accessibility property details in the Accessibility tool pane.
Here are further resources on Accessibility with Microsoft Edge.