set tabIndex -1 on header bar links

web/src/components/layout/Header.tsx

@@ -191,7 +191,7 @@ export const Header = () => {
           </div>
         </nav>
         <div className={styles.headerBar} aria-hidden>
-          <Link href="/" aria-label="Hjem">
+          <Link href="/" aria-label="Hjem" tabIndex={-1}>
             {!isInView ? (
               <LogoIcon face="left" christmas={isChristmas} />
             ) : (
@@ -204,22 +204,35 @@ export const Header = () => {
                 <Link
                   href="/arrangementer"
                   data-active={pathname === "/arrangementer"}
+                  tabIndex={-1}
                 >
                   Arrangementer
                 </Link>
               </li>
               <li>
-                <Link href="/praktisk" data-active={pathname === "/praktisk"}>
+                <Link
+                  href="/praktisk"
+                  data-active={pathname === "/praktisk"}
+                  tabIndex={-1}
+                >
                   Praktisk info
                 </Link>
               </li>
               <li>
-                <Link href="/utleie" data-active={pathname === "/utleie"}>
+                <Link
+                  href="/utleie"
+                  data-active={pathname === "/utleie"}
+                  tabIndex={-1}
+                >
                   Utleie
                 </Link>
               </li>
               <li>
-                <Link href="/frivillig" data-active={pathname === "/frivillig"}>
+                <Link
+                  href="/frivillig"
+                  data-active={pathname === "/frivillig"}
+                  tabIndex={-1}
+                >
                   Bli frivillig
                 </Link>
               </li>
@@ -227,6 +240,7 @@ export const Header = () => {
                 <Link
                   href="/foreninger"
                   data-active={pathname === "/foreninger"}
+                  tabIndex={-1}
                 >
                   Foreninger
                 </Link>
@@ -236,6 +250,7 @@ export const Header = () => {
               className={styles.toggleMenu}
               aria-label="Vis meny"
               onClick={toggleMenu}
+              tabIndex={-1}
             >
               <MenuIcon showMenu={showMenu} />
             </button>