fix: a11y issues

src/components/Footer.astro

@@ -20,7 +20,7 @@ const year = new Date().getFullYear()
     {
       links.map((linkObj) => (
         <li title={linkObj.text}>
-          <a href={linkObj.url}>
+          <a href={linkObj.url} aria-label={linkObj.text}>
             <Icon pack={linkObj.set ?? 'simple-icons'} name={linkObj.icon} />
           </a>
         </li>

src/components/Nav.astro

@@ -24,7 +24,7 @@ if (Astro.url.pathname !== '/') {
       links
         .filter((link) => link.url !== '')
         .map((link) => (
-          <a href={link.url}>
+          <a href={link.url} aria-label={link.text}>
             <Icon pack={link.set ?? 'mdi'} name={link.icon} />{' '}
             {link.text ?? link.icon}
           </a>

src/layouts/variables.css

@@ -15,6 +15,7 @@
   --color-brand-blue-5: #3964e6;
 
   --color-brand-complement: orange;
+  --color-brand-complement-dark: #a36a00;
 
   --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
   --text-color-dark: #232323;

src/pages/index.astro

@@ -140,9 +140,13 @@ import now from '../constants/now.json'
 
     em {
       font-weight: bold;
+      color: var(--color-brand-complement-dark);
+
+      @media (prefers-color-scheme: dark) {
         color: var(--color-brand-complement);
       }
     }
+  }
 
   .cards-section {
     margin: auto;