Merge pull request #223 from Eduardo282/comments-a-fixes-accesibility-issues

Comments a fixes accesibility issues

src/components/cardSpotlight.svelte

@@ -34,6 +34,7 @@
   };
 </script>
 
+<!--Se quito el aria-hidden="true" para que se pueda leer el contenido del card con el lector de pantalla  -->
 <article
   bind:this={domElement}
   on:mousemove={handleMouseMove}

src/components/navbar.svelte

@@ -8,6 +8,7 @@
   import { ArrowUpRight, CloudyIcon, GithubIcon } from 'lucide-svelte';
   import XIcon from './xIcon.svelte';
 
+  // Se le pusieron aria-labels a los links
   const socials = [
     {
       name: 'GitHub',
@@ -49,8 +50,9 @@
     'backdrop-blur-md opacity-95'
   )}
 >
+<!-- Se le puso un aria-label al href="/" -->
   <div class="flex items-center justify-between mx-auto">
-    <div class="flex items-center space-x-2">      
+    <div class="flex items-center space-x-2">
       <a href="/" aria-label="Go to the SVGL v4.0 home page">
         <div class="flex items-center space-x-2 hover:opacity-80 transition-opacity">
           <svelte:component this={Logo} />

src/components/svgCard.svelte

@@ -173,6 +173,7 @@
       />
     {/if}
     <!-- Title -->
+    <!-- Aqui se modifico el text-neutral a 400 -->
     <div class="mb-3 flex flex-col items-center justify-center">
       <p class="truncate text-[15px] font-medium text-balance text-center select-all">
         {svgInfo.title}