O'Reilly logo

HTML5 Multimedia Development Cookbook by Lee Jordan, Dale Cruse

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding skip navigation

The ability to skip repeated elements like navigation is beneficial to those who use screen readers. Imagine when visiting a website, you read every single navigation element before you could proceed to the main content. That would be annoying, wouldn't it? Well, it can be for those using screen readers too. Let us take a look at an easy way to not annoy a part of our audience.

Getting ready

What we are going to do in this example is create a simple but special invisible anchor that will give our screen reader friends the option to skip over our navigation and get right to the good stuff: our site content.

How to do it...

If you have been around HTML for a while, you have no doubt created a skip navigation at some point. It ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required