Test accessibility using Lighthouse
You can use Lighthouse from within DevTools to audit the accessibility of a page and generate a report. You can use the Lighthouse tool to determine:
Whether a page is properly marked up for screen readers.
Whether the text elements on a page have sufficient contrast ratios using the Color Picker. See Test text-color contrast using the Color Picker.
The Lighthouse tool provides links to content hosted on third-party websites. Microsoft is not responsible for and has no control over the content of these sites and any data that may be collected.
To audit a page using the Lighthouse tool:
Go to the URL that you want to audit.
In DevTools, select the Lighthouse tool. Configuration options are displayed:
For Device, select Mobile if you want to simulate a mobile device. This option changes your user agent string and resizes the viewport. This option can affect the audit results.
In the Categories section, select Accessibility.
Click Generate report. After 10 to 30 seconds, DevTools displays a report. The report gives tips on how to improve the accessibility of the page:
Select an item in the report to learn more about it.
Click the Learn more link to view the documentation of the issue:
To return to the configuration options, in DevTools, click Perform an audit (
+
).
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.
Feedback
Submit and view feedback for