Bypass Blocks

Bypass Blocks are a primary element. It is mandatory to include in your digital product.

┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

Bypass blocks literally bypass blocks of content. Without the ability to skip, users may have difficulty accessing the content they want. The purpose of a bypass block is to provide a skip link, ensuring that it’s visible when focused. For people with limited mobility it can be hard to navigate to the main content of a page. This can also effect people using screen readers when the page is not very well structured or defined.

Summary Points:

  • Bypass blocks literally bypass blocks of content

  • Helpful for users of keyboard navigation only

  • Screen readers now utilize more sophisticated ways of navigating

  • Supports heading nav and Aria landmarks

Example:

Code Example:

Further On This Topic:

https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html

https://www.jimthatcher.com/skipnavold.htm