From 6fb8b3f0c2cbe1c158713f2bf1f3c5e848eaf2c2 Mon Sep 17 00:00:00 2001
From: schererleander <leander@schererleander.de>
Date: Wed, 4 Jun 2025 01:24:36 +0200
Subject: add accessible names to buttons and links

---
 src/components/Footer.tsx       |  4 ++--
 src/components/LinkWithIcon.tsx |  2 +-
 src/components/MailIcon.tsx     |  2 +-
 src/components/ThemeToggle.tsx  | 22 ++++++++++++++++++----
 4 files changed, 22 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 13ba637..2caf39d 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -6,11 +6,11 @@ export default function Footer() {
   return (
     <footer className="flex flex-col items-center gap-2 py-4">
       <div className="flex gap-6">
-        <a href="https://github.com/schererleander" target="_blank" rel="noopener noreferrer">
+        <a href="https://github.com/schererleander" target="_blank" rel="noopener noreferrer" aria-label="Leander Scherer's GitHub">
           <GitHubIcon />
         </a>
 
-        <a href="mailto:leander@schererleander.de">
+        <a href="mailto:leander@schererleander.de" aria-label="Send email to Leander Scherer">
           <MailIcon />
         </a>
       </div>
diff --git a/src/components/LinkWithIcon.tsx b/src/components/LinkWithIcon.tsx
index 0046125..9f3aeb8 100644
--- a/src/components/LinkWithIcon.tsx
+++ b/src/components/LinkWithIcon.tsx
@@ -22,4 +22,4 @@ export default function LinkWithIcon({
       <ExternalLinkIcon />
     </a>
   );
-}
+}
\ No newline at end of file
diff --git a/src/components/MailIcon.tsx b/src/components/MailIcon.tsx
index cff91e1..e710b77 100644
--- a/src/components/MailIcon.tsx
+++ b/src/components/MailIcon.tsx
@@ -9,4 +9,4 @@ export default function MailIcon() {
       <path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 2-8 6-8-6h16Zm0 12H4V8l8 6 8-6v10Z" />
     </svg>
   );
-}
+}
\ No newline at end of file
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index 74dbf57..8e1e2aa 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -4,12 +4,26 @@ import { useTheme } from "../hooks/theme";
 export default function ThemeToggle() {
   const { theme, toggleTheme } = useTheme();
   return (
-    <button type="button" onClick={toggleTheme}>
+    <button type="button" aria-label="Toogle dark mode" onClick={toggleTheme}>
       {theme === 'dark' ? (
-        <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
+        <svg
+          className="w-5 h-5"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+          aria-hidden="true"
+        >
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
       ) : (
-        <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>
+        <svg
+          className="w-5 h-5"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+          aria-hidden="true"
+          >
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>
       )}
     </button>
   );
-}
+}
\ No newline at end of file
-- 
cgit v1.3.1