From 48455f8fc7f8d24ed0f0c46b0e260b4cc1b8f6d5 Mon Sep 17 00:00:00 2001
From: Merlin Pannewitz <merlin.pannewitz@digitalservice.bund.de>
Date: Mon, 3 Feb 2025 09:43:36 +0100
Subject: [PATCH] Add aria-label to LinkBar items

---
 packages/dito/app/components/LinkBar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/dito/app/components/LinkBar.tsx b/packages/dito/app/components/LinkBar.tsx
index 6cb5b527..662dc9b5 100644
--- a/packages/dito/app/components/LinkBar.tsx
+++ b/packages/dito/app/components/LinkBar.tsx
@@ -1,6 +1,6 @@
 import { Link } from "@remix-run/react";
 
-const LinkBar = <T extends { url: string }>({
+const LinkBar = <T extends { url: string; title: string }>({
   elements,
   currentElement,
 }: {
@@ -17,6 +17,7 @@ const LinkBar = <T extends { url: string }>({
         <Link
           key={element.url}
           to={element.url}
+          aria-label={element.title}
           className={`h-6 flex-1 transition-all duration-300 ${
             index <= currentIndex ? "bg-blue-800" : "bg-blue-300"
           }`}