You may prefer to use the aXe extension or Lighthouse extension rather than the Lighthouse panel that is available by default in Chrome. Your report gives you various tips on how to improve the page's accessibility.Ĭlick Learn More to view that audit's documentation. After 10 to 30 seconds, DevTools provides a report. This option is also probably irrelevant to your accessibility score, so you can use whatever you prefer.Ĭlick Generate Report. The Clear Storage checkbox lets you clear all storage before loading the page, or preserve storage between page loads. This option should be irrelevant to your accessibility score, so you can use whatever you prefer. The Throttling section lets you throttle the network and CPU, which is useful when analyzing load performance. Leave them enabled if you want to discover other ways to improve the quality of your page. Disable the other categories if you want to exclude them from your report. In the Lighthouse section, make sure that Accessibility is enabled. If the mobile version of the page displays differently than the desktop version, this option could have a significant effect on the results of your audit. This option changes differently your user agent string and resizes the viewport. The Audits panel UI will look different in some earlier or later versions of Chrome, but the general workflow is the same.įor Device, select Mobile if you want to simulate a mobile device. In the screenshots, the tab is still named Audits but it was renamed into Lighthouse in Chrome 83 You can check what version you're running at chrome://version. Note: The screenshots in this section were taken with Chrome 69. DevTools shows you various configuration options. See also Make your website more readable.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |