Skip to content

Take 22% off using code GET22. Hurry, ends soon!

Web Accessibility Toolkit for WordPress
Get Started

Skip Link Target

The Skip Link Target setting allows you to add a “Skip to content” link at the top of your site. This link is only visible to keyboard users and screen readers and provides a fast way to jump directly to the main content area, bypassing repetitive elements like menus and headers.

This improves navigation for users who rely on keyboards, such as those using screen readers or those with motor impairments.

What accessibility issue does this fix

Many websites include navigation menus, headers, and other elements that repeat on every page. For sighted users, these are easy to scan or ignore, but for keyboard users, they must be tabbed through every time.

Adding a skip link helps address this by:

Without this feature, users with disabilities may have to press Tab dozens of times just to get to the actual content.

How does the Skip Link Target affect accessibility

With this setting enabled:

  • A hidden but focusable link is inserted at the top of the page.
  • When focused (e.g. via Tab key), it becomes visible and actionable.
  • When clicked, it scrolls or jumps the user to the specified section — typically the main content area.
  • This makes your site much more usable for screen reader and keyboard-only users.

It has no impact on visual users using a mouse, as the link is hidden unless focused via keyboard.

How to enable the Skip Link Target using Web Accessibility Toolkit

  1. In your WordPress admin, go to Settings > Web Accessibility.
  2. Open the General tab.
  3. Locate the field labeled Skip Link Target.
  4. Enter a valid CSS selector for your main content area.
  • For example, #main, #content, or .main-content.
  • If unsure, inspect your theme’s layout to find the correct selector.
  • Save your changes.

    • After saving, a hidden “Skip to content” link will be added before your site’s body content and will point to the selector you specified.

    How to confirm that the Skip Link is working

    1. Visit your site and press the Tab key immediately after it loads.
    2. The “Skip to content” link should appear at the top left.
    3. Press Enter while the link is focused – you should be taken directly to the element matching your selector (e.g., the main content).
    4. Open your browser’s DevTools and inspect the top of the <body> to verify the presence of a link with href="#yourselector".

    If the selector you entered doesn’t match an element on the page, the link will still appear but will not function correctly – double-check the target exists.