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>

src/routes/services/+page.svelte

@@ -7,11 +7,14 @@
     const services = $state(pages.services);
 </script>
 
-<title>Services</title>
+<svelte:head>
-<meta name="description" content="Overview of Services running on neshweb.net">
+    <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>