🎈 perf: improve accesibility

Author: carlosjorger

src/components/Footer/Footer.astro

@@ -50,11 +50,15 @@ import CustomParagraph from '../shared/CustomParagraph.astro';
 				<span>
 					<CustomLink
 						href="https://github.com/carlosjorger/carlosjorger.github.io"
+						arialLabel="Github project link"
 					>
 						Published
 					</CustomLink>
 					 in
-					<CustomLink href="https://pages.github.com/">
+					<CustomLink
+						href="https://pages.github.com/"
+						arialLabel="Github pages link"
+					>
 						Github Page
 					</CustomLink>
 					<span></span>

src/components/Header/Header.astro

@@ -11,7 +11,7 @@ import HamburgerMenuIcon from './HamburgerMenuIcon.astro';
 			class="m-0 flex list-none flex-row justify-between p-0.5 max-sm:hidden [&>li]:self-center"
 		>
 			<li class="p-1">
-				<Link href="#" arialLabel="Go to presentation">
+				<Link href="#home" arialLabel="Go to presentation">
 					<IconElement iconType="house" height="h-6" width="w-7" />
 				</Link>
 			</li>

src/components/shared/CustomLink.astro

@@ -1,13 +1,15 @@
 ---
 export interface Props {
 	href: string;
+	arialLabel: string;
 }
-const { href = '' } = Astro.props;
+const { href = '', arialLabel } = Astro.props;
 ---
 
 <a
 	class="bg-gradient-to-r from-teal-300 to-teal-300 bg-[length:0%_15%] bg-[0%_100%] bg-no-repeat text-teal-300 no-underline transition-all duration-300 ease-out visited:text-teal-300 hover:bg-[length:100%_15%] hover:ease-in-out active:bg-transparent"
 	href={href}
+	aria-label={arialLabel}
 >
 	<slot />
 </a>

src/env.d.ts

@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />