From 3d87538aea0e8d1522b01c92a8939d9203527cc8 Mon Sep 17 00:00:00 2001
From: Neshura <neshura@neshweb.net>
Date: Mon, 1 Jan 2024 19:36:42 +0100
Subject: [PATCH] Add accessibility fields

---
 src/lib/components/Card.svelte   | 2 +-
 src/routes/services/+page.svelte | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 102160a..ed87273 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -18,7 +18,7 @@
     <div class="flex flex-row justify-between pb-4">
         <div class="flex flex-row gap-1 items-center" on:mouseover={() => hover.title = true} on:mouseleave={() => hover.title = false}>
             {#if service.icon}
-                <img width="24px" class="h-6 w-6 cursor-pointer" src={service.icon}>
+                <img width="24px" class="h-6 w-6 cursor-pointer" src={service.icon} alt="{service.name} Logo">
             {:else}
             {/if}
             <a href={service.href} class="text-accent font-bold {hover.title ? 'text-primary': 'text-secondary'}">{service.name}</a>
diff --git a/src/routes/services/+page.svelte b/src/routes/services/+page.svelte
index 1f1bdd6..55fe752 100644
--- a/src/routes/services/+page.svelte
+++ b/src/routes/services/+page.svelte
@@ -7,11 +7,14 @@
     const services = $state(pages.services);
 </script>
 
-<title>Services</title>
-<meta name="description" content="Overview of Services running on neshweb.net">
+<svelte:head>
+    <title>Services</title>
+    <meta name="description" content="Overview of Services running on neshweb.net">
+</svelte:head>
+
 
 <div class="flex flex-row flex-wrap justify-center gap-10 p-8 overflow-auto h-full">
     {#each services as service}
-        <Card bind:service />
+        <Card {service} />
     {/each}
 </div>
\ No newline at end of file