![]() ![]() More information about an auditĬlick Learn More to view that audit's documentation.įigure 4. #Colorpicker extension how to#Your report gives you various tips on how to improve the page's accessibility.įigure 3. 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 View the contrast ratio of a text element in the Color Picker. The text elements on a page have sufficient contrast ratios.A page is properly marked up for screen readers. ![]() ![]() In general, use the accessibility checks under the Lighthouse panel to determine if: See How To Do An Accessibility Review to learn more. The only way to find errors related to question #1 is to try using a page with a keyboard or screen reader yourself. Question #1 is just as important, but unfortunately DevTools can't help you there. In general, DevTools can help you fix errors related to question #2, because these errors are easy to detect in an automated fashion.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |