Test accessibility using the Accessibility tab
The Accessibility tab is where you view the accessibility tree, ARIA attributes, and computed accessibility properties of DOM nodes.
To open the Accessibility tab:
In a rendered webpage, right-click an element and then select Inspect.
DevTools opens, with the Elements tool selected. The DOM tree opens to show the element that you right-clicked.
In the DOM Tree, click the element that you want to inspect. You can use the arrow keys to move through the DOM tree.
Click the Accessibility tab, to the right of the Styles tab. You might need to first click the More tabs () button to the right of the Styles tab.
View the position of an element in the accessibility tree
The accessibility tree is a subset of the DOM tree. The accessibility tree only contains elements from the DOM tree that are relevant and useful for displaying the contents of a page through assistive technologies such as screen readers.
Inspect the position of an element in the accessibility tree from the Accessibility tab.
View the ARIA attributes of an element
ARIA attributes ensure that assistive technologies such as screen readers have all of the information that they need in order to properly represent the contents of a page.
View the ARIA attributes of an element in the Accessibility tab.
View the computed accessibility properties of an element
Some accessibility properties are dynamically calculated by the browser. These properties are displayed in the Computed Properties section of the Accessibility tab.
View the computed accessibility properties of an element in the Accessibility tab.
Computed accessibility properties are different than computed CSS properties. To learn more about how to view computed CSS properties, see View only the CSS that is actually applied to an element in CSS features reference.
Note
Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License. The original page is found here and is authored by Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).
This work is licensed under a Creative Commons Attribution 4.0 International License.
피드백
https://aka.ms/ContentUserFeedback
출시 예정: 2024년 내내 콘텐츠에 대한 피드백 메커니즘으로 GitHub 문제를 단계적으로 폐지하고 이를 새로운 피드백 시스템으로 바꿀 예정입니다. 자세한 내용은 다음을 참조하세요.다음에 대한 사용자 의견 제출 및 보기