

Open the Issues tool by selecting the Issues counter ( ).Įach displayed issue has the following components:Ī description providing more context and proposed solutions.Īn AFFECTED RESOURCES section that links to resources in DevTools, such as the Elements, Sources, or Network tool.

Open the accessibility-testing demo page in a new window or tab, and then open DevTools. To expand an issue to get this additional information, select an issue, as follows. The Issues tool presents additional documentation and recommended fixes to apply to each issue. Within each category of issues, first the errors are listed, then warnings, and then tips. Issues are automatically ordered by severity Or, open the context menu on a wavy-underlined element and then select View issues.

There are several additional ways to open the Issues tool: The Issues tool opens with issues grouped into different categories. Notice the updated count in the Issues counter.

Refresh the page, because some issues are reported based on network requests. After a few seconds, the Issues counter ( ) appears in the upper right corner of DevTools. For example, open the accessibility-testing demo page in a new tab or window. Go to a webpage that contains issues to fix. For information about these sources of feedback that populate the Issues tool, see: The Issues tool provides feedback in the following categories:įeedback in the Issues tool is provided by several sources, including the Chromium platform, Deque axe, MDN browser compatibility data, and webhint. The Issues tool automatically analyzes the current webpage, reports issues grouped by type, and provides documentation to help explain and resolve the issues.
