Add accessibility skip link to NewsKit site

[GeriReid]

Description

Including a skip link gives users the option to bypass the top-level navigation links and jump to the main content on a page. This helps users who navigate using the keyboard get to content quickly.

Business Benefit/Value

A skip link is a requirement under WCAG 2.4.1: Bypass Blocks (A)

Best practice

• Should go right after the body tag, first thing a keyboard user can tab to
• Visually hidden until in focus
• Use the text "Skip to main content"

To discuss

• this component is a link but is styled as a button
• can we pass a button into the link? Is this good practice? eg.

<Button href="#maincontent">
Skip to main content

Supporting Information

Design

How other sites do skip links

Acceptance Criteria

Review with Design