From dd314719b4d8dd34a25238f54ed7b5554ac3763e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel=20Dur=C3=A1n?= <miduga@gmail.com>
Date: Wed, 17 Jan 2024 19:22:24 +0100
Subject: [PATCH 1/3] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20Update=20category=20li?=
 =?UTF-8?q?nk=20color=20in=20svgCard=20component=20to=20fix=20accesibility?=
 =?UTF-8?q?=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/svgCard.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index f52b388..4cce688 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -179,7 +179,7 @@
       </p>
       <a
         href={`/directory/${svgInfo.category.toLowerCase()}`}
-        class="text-sm lowercase text-neutral-500 hover:underline font-mono">{svgInfo.category}</a
+        class="text-sm lowercase text-neutral-400 hover:underline font-mono">{svgInfo.category}</a
       >
     </div>
     <!-- Actions -->

From fae5d8543b758236a80d1588be4dc0214f78ec5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel=20Dur=C3=A1n?= <miduga@gmail.com>
Date: Wed, 17 Jan 2024 19:22:38 +0100
Subject: [PATCH 2/3] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20Make=20card=20visibile?=
 =?UTF-8?q?=20for=20screen=20readers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cardSpotlight.svelte | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/cardSpotlight.svelte b/src/components/cardSpotlight.svelte
index f72ce06..43660de 100644
--- a/src/components/cardSpotlight.svelte
+++ b/src/components/cardSpotlight.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  let div: HTMLDivElement;
+  let domElement: HTMLElement;
   let focused = false;
   let position = { x: 0, y: 0 };
   let opacity = 0;
 
   const handleMouseMove = (e: MouseEvent) => {
-    if (!div || focused) return;
+    if (!domElement || focused) return;
 
-    const rect = div.getBoundingClientRect();
+    const rect = domElement.getBoundingClientRect();
 
     position = {
       x: e.clientX - rect.left,
@@ -34,9 +34,8 @@
   };
 </script>
 
-<div
-  aria-hidden="true"
-  bind:this={div}
+<article
+  bind:this={domElement}
   on:mousemove={handleMouseMove}
   on:focus={handleFocus}
   on:blur={handleBlur}
@@ -52,4 +51,4 @@
 		`}
   />
   <slot />
-</div>
+</article>

From cc012324e6da2b82e65925fdfe8568428af26d80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel=20Dur=C3=A1n?= <miduga@gmail.com>
Date: Wed, 17 Jan 2024 19:23:19 +0100
Subject: [PATCH 3/3] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20Add=20discernible=20la?=
 =?UTF-8?q?bels=20to=20navbar=20links?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navbar.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/navbar.svelte b/src/components/navbar.svelte
index bf7dc42..adebe45 100644
--- a/src/components/navbar.svelte
+++ b/src/components/navbar.svelte
@@ -27,13 +27,15 @@
       name: 'Extensions',
       url: 'https://github.com/pheralb/svgl?tab=readme-ov-file#-extensions',
       icon: ArrowUpRight,
-      external: true
+      external: true,
+      label: "Go to the SVGL's extensions section"
     },
     {
       name: 'Submit logo',
       url: 'https://github.com/pheralb/svgl#-getting-started',
       icon: ArrowUpRight,
-      external: true
+      external: true,
+      label: "Go to the SVGL's getting started section"
     }
   ];
 </script>
@@ -48,7 +50,7 @@
 >
   <div class="flex items-center justify-between mx-auto">
     <div class="flex items-center space-x-2">
-      <a href="/">
+      <a href="/" aria-label="Back to the SVGL home page">
         <div class="flex items-center space-x-2 hover:opacity-80 transition-opacity">
           <svelte:component this={Logo} />
           <span class="text-[19px] font-medium tracking-wide hidden md:block">svgl</span>
@@ -64,6 +66,7 @@
           <a
             href={link.url}
             target={link.external ? '_blank' : ''}
+            aria-label={link.label ?? link.name}
             class={cn(
               'flex items-center hover:opacity-80 transition-opacity text-[15px] pl-2 md:pl-3 group',
               currentPath === link.url &&