Skip To Content Demo – Additional In-Content Skip Link

An advanced version of the demo for our skip to content article on CSS-Tricks which demonstrates semantic markup, improved keyboard focus visibility, a standard skip link and an additional in-content skip link.

Hero image from PlaceIMG.

We can also use skip links within the content to jump past lists, like this one:Skip past list.

• Link 1
• Link 2
• Link 3
• Link 4
• Link 5
• Link 6
• Link 7

Continue reading.Here is another paragraph of content with a link to make it clear where the keyboard focus went.

Want to fiddle with the code?

You will find it easier to use the CodePen version.