update: add title attributes to project links for improved accessibility

Tsuzat · Dec 27, 2024 · 98cf26d · 98cf26d
1 parent 6d929e9
commit 98cf26d
Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/lib/components/custom/project.svelte b/src/lib/components/custom/project.svelte
@@ -10,7 +10,7 @@
 	let { project }: Props = $props();
 </script>
 
-<a href={project.url} target="_blank">
+<a href={project.url} target="_blank" title={project.name}>
 	<Card.Root
 		class="my-4 py-2 transition-all duration-500 hover:scale-105 hover:cursor-pointer sm:flex"
 	>

diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
@@ -24,8 +24,11 @@
 		{/each}
 	</div>
 	<p>
-		Check More Projects on <a href="https://github.com/Tsuzat" target="_blank" class="text-blue-500"
-			>GitHub</a
+		Check More Projects on <a
+			href="https://github.com/Tsuzat"
+			target="_blank"
+			class="text-blue-500"
+			title="Github Link">GitHub</a
 		>
 	</p>
 </div>