Skip to contentSkip to content

Mechanics module WCAG 2.4.1 Level A

Skip links & landmarks

Sets semantic landmark roles and visible skip links for keyboard users and screen readers.

What it does

Function in one sentence — and in three sentences

„"Skip to Content" is one of the oldest mandatory components of accessibility—and simultaneously one of the most frequently implemented incorrectly or not at all. Many themes don't have a skip link at all, while others have an invisible one that can never be focused.

The module sets a Visible skip link on the first tab press and simultaneously ensures that the page has semantic landmark roles (Main, navigation, contentinfo) wears correctly.

This is how the plugin implements it.

Technical measures

  • Skip link will be inserted automatically. — directly after ``, with a jump to the first `
    `- or `#content` anchor.
  • Visible when focused: no hidden "off-screen" trick, but a truly visible button with AAA contrast.
  • Landmark repair: missing `role="main"`, `role="navigation"`, `role="banner"` will be added.
  • Aria label for landmarks in the case of multiple identical navigations (e.g., two navigations: "Main Navigation" / "Footer Navigation").
  • Tab order: Skip link gets `tabindex="0"`, jump target `tabindex="-1"` for clean focus transfer.
In the plugin backend

You can find these settings in the module tab.

  • Skip link text (default: "Skip to content")
  • Jump target selector (Default: `#content`, Fallback `main`)
  • Multiple skip links are possible (e.g., "To navigation", "To footer")
  • Theme skip link detection: if present, the module is automatically deactivated (no duplicate link)
  • CSS override: Link position and styling

Path in Admin: WP-Admin → Accessibility → Modules → Skip Links & Landmarks

When do you need the module?

Use case

Obligation for every Page that must be WCAG-compliant. Skip links are WCAG Level A — the lowest required level, meaning "must be met".

Does the theme already include a skip link? The module recognizes this and shuts down — no duplicate linking.

Related modules

That fits together thematically.

  • Keyboard navigation

    WCAG 2.1.1

    Make sure that every interactive element is accessible without a mouse — Tab, Enter, arrow keys, Esc.

  • Visible focus

    WCAG 2.4.11

    Provides a strong, always visible focus ring on all focusable elements — with AAA contrast.

  • Heading hygiene

    WCAG 1.3.1

    Detects and corrects skipped heading levels, duplicate H1s, and missing structure.

Activate the module for your site?

In the initial 15-minute consultation, we will clarify whether the module is relevant for your theme and content type — and what the setup looks like.

15-minute initial consultation
View all modules

Easy language