added skip link

Author: jonathanwelch1-nhs

packages/cpt-ui/src/components/AppHeader.tsx

@@ -14,6 +14,13 @@ import {FRONTEND_PATHS} from "@/constants/environment"
 export default function AppHeader() {
   return (
     <HeaderWithLogo>
+      <a
+        href="#main-content"
+        className="nhsuk-skip-link"
+        data-testid="eps_header_skipLink"
+      >
+        Skip to main content
+      </a>
       <HeaderWithLogo.Logo href="/" />
       <HeaderWithLogo.ServiceName href="/">
         Prescription Tracker (Pilot)

packages/cpt-ui/src/styles/header.scss

@@ -1,7 +1,6 @@
 /* stylelint-disable selector-max-id */
 /* stylelint-disable declaration-no-important */
 
-
 .nhsuk-mobile-menu-container {
     display: block;
 }
@@ -10,10 +9,6 @@
     visibility: visible;
 }
 
-.nhsuk-skip-link:focus {
-    z-index: 1000;
-}
-
 .masthead-container {
     // max-width: 100%;
     flex-grow: 1;