Skip to Main Content
Imagine that you cannot use the mouse and try navigating with the keyboard.

DO NOT USE THE MOUSE

Use tab key to navigate

To skip the menus for keyboard users we can add a button which only pops up when we focus on it with the (tab) key. Once the user hits enter they can skip the menu and jump to the main content without going through long nested menu items.

This little accessibilty button can help save alot of time for the users which are not using their mouse and may have accessibilty related problems.

This trick is seen in most of the modern web applications we use

To skip the menus for keyboard users we can add a button which only pops up when we focus on it with the (tab) key. Once the user hits enter they can skip the menu and jump to the main content without going through long nested menu items.

Check the a11ty project to know more about web-accessibilty