liveBook · Manning

Skip link

As explained in WordPress Power Toolkit: Harness AI to build next-level websites

A skip link is a navigation link that lets keyboard and screen-reader users bypass repeated or nonessential page content.

A skip link helps keyboard-only and screen-reader users move past repeated or nonessential content, such as banners, long menus, or a repeated site title. It appears when someone tabs through the page. section 8.6.2

Useful skip-link labels

Offer links such as “Skip to Menu” or “Skip to Next Headline.” To keep the link out of sight for mouse users while preserving keyboard access, position it off-screen with CSS, such as `position: absolute; left: -999px`. section 8.6.2

How WordPress Power Toolkit: Harness AI to build next-level websites covers it

How deep it goes
Defines skip links, explains tab-triggered visibility and content bypassing, and gives a CSS hiding technique with examples.
Examples
Uses banners, long menus, site titles, “Skip to Menu,” and “Skip to Next Headline” as examples.
What you can do after
Apply skip links to help keyboard and screen-reader users bypass repeated content, including hiding them from mouse users with CSS.
How it connects
Connects skip links with screen readers, keyboard-only navigation, CSS, menus, headlines, banners, and repeated content.
Cover of WordPress Power Toolkit: Harness AI to build next-level websites
liveBookmanning.com
Read WordPress Power Toolkit: Harness AI to build next-level websites on liveBook Get the book at manning.com

Related concepts

This explainer was generated by Manning's knowledge graph from the text of WordPress Power Toolkit: Harness AI to build next-level websites. The section links point to the parts of the book it draws on.