From cdea2791c4e00105c81831bfe629c3192893f3f1 Mon Sep 17 00:00:00 2001
From: Sumit Akhuli <sumitakhuli5022@gmail.com>
Date: Sat, 14 Feb 2026 06:04:59 +0530
Subject: [PATCH 1/2] fix: make header logo accessible via keyboard

---
 src/components/Header.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 92f6ae7..a14dd0a 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -91,12 +91,14 @@ export default function Header() {
             justifyContent="space-between"
             w={{ sm: "100%", lg: "fit-content" }}
           >
-            <Image
-              src={myUOMLogo}
+            <Box
+              as="button"
               onClick={goToHomePage}
               cursor="pointer"
-              w={{ sm: "40px", xl: "60px" }}
-            />
+              aria-label={i18n.t("home_page") || "Home Page"}
+            >
+              <Image src={myUOMLogo} w={{ sm: "40px", xl: "60px" }} />
+            </Box>
             <Box
               display={{ sm: "block", lg: "none" }}
               className={useColorModeValue("light-mode-svg", "dark-mode-svg")}

From b9f6f63ec6eb788e608d6634c3ceb2a03a185f01 Mon Sep 17 00:00:00 2001
From: Sumit Akhuli <sumitakhuli5022@gmail.com>
Date: Sat, 14 Feb 2026 06:17:17 +0530
Subject: [PATCH 2/2] fix: update logo alt text for better accessibility

---
 src/components/Header.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index a14dd0a..ffa9a26 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -97,7 +97,11 @@ export default function Header() {
               cursor="pointer"
               aria-label={i18n.t("home_page") || "Home Page"}
             >
-              <Image src={myUOMLogo} w={{ sm: "40px", xl: "60px" }} />
+              <Image
+                src={myUOMLogo}
+                alt="University of Macedonia Logo"
+                w={{ sm: "40px", xl: "60px" }}
+              />
             </Box>
             <Box
               display={{ sm: "block", lg: "none" }}