![]() ![]() Refresh the page, because some issues are reported based on network requests. The Issues counter is a speech-bubble icon along with the number of automatically detected issues. In the upper right, the Issues counter ( ) appears. Right-click anywhere in the webpage and then select Inspect. Open the accessibility-testing demo webpage in a new window or tab. View the Accessibility section of the Issues tool ![]() In the Command Menu, type issues, select Show Issues, and then press Enter. In the Elements tool, in the DOM tree, press Shift while clicking a wavy underline on an element. There are several ways to open the Issues tool, such as:Ĭlick the Issues counter ( ) in the upper right of DevTools. This article uses the accessibility-testing demo webpage to step through using the Accessibility section of the Issues tool. ![]() The Issues tool is within the Drawer at the bottom of DevTools. The Issues tool includes an Accessibility section that automatically reports issues such as missing alternative text on images, missing labels on form fields, and insufficient contrast of text colors. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |