From acf70b99d3f7c251560ee55507c5f8e1f8b1c6c6 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Sun, 5 Jul 2026 13:09:30 +0200
Subject: [PATCH] set tabIndex -1 on header bar links

---
 web/src/components/layout/Header.tsx | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/web/src/components/layout/Header.tsx b/web/src/components/layout/Header.tsx
index 6936eac..4f04702 100644
--- a/web/src/components/layout/Header.tsx
+++ b/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>