Ensure only relevant parts of the page are exposed to assistive technology. For instance, content that's offscreen or just presentation should be hidden from a screen reader.
How to manually test
To check offscreen content is hidden, you need to manually test that content using a screen reader. For Mac users, checkout this video on using VoiceOver. For PC users, checkout this video on using NVDA. For Chromebooks users, checkout ChromeVox, the built-in screen reader.
TAB key to tab through your page,
the screen reader shouldn't announce hidden content.
How to fix
To hide offscreen content,
remove the element containing that content from the
tab order by setting it to
display: none or
<button class="remove-me">Can't reach me with the TAB key!</button>
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.