A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.
Testing & RemediationHow to test: Open you site and using just your keyboard, begin tab browsing (clicking the Tab key to move among elements). Does your site provide a "skip link", "skip navigation", "skip to content", etc type link? If yes, does it work properly upon clicking the Enter key? If so, the the Tab focus state will skip the repeating content and focus on the content below. How to remediate: Depending on the situation with your site, one of the following must be implemented:
- Through clearly labelling tags/roles or supplying a “skip content” button, allow for user to bypass blocks of content that are repeated on multiple pages, such as: sidebar, navigation, repeating header, etc.
- If you have a "skip to content" type link but it doesn't work properly, implement a fix that skips the content and moves the Tab focus state to the content below the repeating content.
Questions and Answers
Not necessarily, but there are a few things that you need to make sure of:
- The page should be using the proper semantic elements. This means things like header, nav, aside, etc.
- All headings and page content should flow in a logical order. H1 > H2> etc.
- Without styling, elements should still be in the order they are intended to be read or listened to.
Nearly all elements can be given focus, and have their focus order changed using the 'tabindex' attribute. Elements on a page will be given focus in the order of their tab index. W3 Schools has a great explanation of tabindex here.
To navigate a website with the keyboard, you can start by hitting the tab key. You should see an indicator on the element that has focus. If it is a link, you can hit enter to go to it. While going forward through the tab keys is done with tab, going backwards can be done by hitting the shift key in addition to the tab key. When it comes to various input elements (radio buttons, select boxes), the arrow keys can be used on them once the element has focus.
This question depends on a number of factors including size of site, desired level of conformance, your developer's understanding of accessibility techniques, etc. Accessible Web is here to help. Reach out and we can discuss your site specifically.