Understanding Success Criterion 2.4.1: Bypass Blocks

Websites having repeated content across various pages should provide an option also for keyboard or keyboard emulators to skip it.

Official Requirements

2.4.1 Bypass Blocks: A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. (Level A)

Why is it required?

Many websites tend to repeat content such as headers, navigational menus, advertisements, etc. across all their web pages to maintain a consistent view. However, the websites should provide options for keyboard or keyboard emulators to skip to main page content. This helps people with disabilities to arrive at the primary content of a page.

How do we fix it?

  • Provide a ‘Skip to main content’ link at the top or beginning of all the pages on your website
  • Provide links to jump to specific content on a large page
  • Ensure that skip links clearly convey their destination

Mistakes to avoid

  1. Skip link provided fails to work in some supported browsers
  2. The skip link works only in keyboards but not in keyboard emulators
Picture of Aditya Bikkani

Aditya Bikkani

Aditya is the COO of AELData, a growing technology company in the Digital Publishing and Education sectors. He is also an entrepreneur and founder of an accessibility tool called LERA. A W3C COGA (Cognitive and Learning Disabilities Accessibility) Community Member Aditya contributes to researching methodologies to improve web accessibility and usability for people with cognitive and learning disabilities.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share on Social Media

Facebook
Twitter
LinkedIn
Email
Pinterest
Reddit
WhatsApp

Related Blogs

ADA Demand Letters

A Brief Guide to ADA Demand Letters

Demand letters related to website accessibility have become so common that many law firms are offering courses to help understand and respond to them. ADA

How Accessible Is Your Website?

Check your site’s accessibility in few seconds with our FREE accessibility checker. Ensure compliance with ADA & WCAG guidelines and improve user experience across the board.

Skip to content