After scan your webpage(s) the browser extension, you can view the results directly in the browser extension.
If you scan without logging in to the browser extension, the page reports populates immediately after scanning the page.
If you're using the browser extension with your platform account, select View report after scanning the page.
You can only save scan results if you're using the extension with your platform account. To save your results, send your results to the platform.
There are three tabs on the page report: Summary, Failed, and Need review.
On this page:
Summary
The table below shows the data found on the Summary tab.
Data | Description |
---|---|
Failed
|
These findings are confirmed accessibility concerns. |
Need review
|
These findings need a manual check to confirm if they are accessibility concerns. |
Severity
|
The severity of each of the failed findings. Learn more about severity. |
Failed
The Failed tab shows a list of the failed findings. Choose the link associated with the finding to see the details of the finding.
Need review
The Need review tab shows a list of automated findings that require manual review to validate whether or not they're accessibility issues. Choose the link associated with the finding to see the details of the finding.
Details page
The details page has two tabs: Problem and Solution.
Problem
The table below shows the data found on the Problem tab.
Data | Description |
---|---|
Where is it located? |
The page name and URL where the finding was detected. Select Locate element to see highlight the element on the webpage where applicable. |
Xpath or CSS selector |
The XPath or CSS code snippet of where the issue was found. |
HTML element | The HTML code snippet of where the issue was found. |
Description | A description of the violated rule. |
Why it matters | A description of how the rule impacts user experience. |
Solution
This tab provides guidance on how to fix the finding.
Locate a finding on your webpage
You can locate a finding on the page by using the locate element function or searching the code snippet in your console.
Locate element with the browser extension
To locate element with the browser extension:
- In the page report, select the Failed or Needs review tab.
- Find the issue you want to locate.
- Select the finding to expand the list of individual findings.
- Choose the individual finding name to go to the finding details.
- Select Locate element. The browser extension will highlight the element on the webpage.
Locate element with a code snippet
To locate element with a code snippet:
- In the page report, select the Failed or Needs review tab.
- Find the issue you want to locate.
- Select the finding to expand the list of individual findings.
- Choose the individual finding name to go to the finding details.
- Under XPath or CSS selector or HTML element, select Copy to clipboard.
- Open the developer tools on the webpage. For most browsers, you can open the developer tools by right-clicking anywhere on the page and selecting Inspect.
- Open the search function in the developer tools by selecting Command + F on Mac devices or Control + F on Windows devices.
- Paste the code snippet in the search bar. The finding will be highlighted on your webpage.
Comments
0 comments
Article is closed for comments.