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 Audits 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 looks different in earlier versions of Chrome, but the general workflow is the same.įor Device, select Mobile if you want to simulate a mobile device. You can check what version you're running at chrome://version. Note: The screenshots in this section were taken with version 69 of Chrome. DevTools shows you various configuration options. See also View the contrast ratio of a text element in the Color Picker.
In general, use the Audits panel to determine if:
#Best screen reader chrome how to
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. Are the page's elements properly marked up for screen readers?.Can I navigate the page with a keyboard or screen reader?.When determining whether a page is accessible, you need to have 2 general questions in mind: This section explains how DevTools fits into your overall accessibility toolkit. # Overview of accessibility features in Chrome DevTools See Navigating Chrome DevTools With Assistive Technology if you're looking for help on navigating DevTools with an assistive technology like a screen reader. The purpose of this reference is to help you discover all of the tools available in DevTools that can help you examine a page's accessibility.