From ca32c814dab24ded18fd6d9444e7d88e51a0c53e Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 31 Aug 2023 23:54:27 +0100
Subject: [PATCH] Fix accessibility issues

---
 src/components/FeaturedItems/MarkFavorite.tsx | 1 +
 src/components/Footer.astro                   | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/FeaturedItems/MarkFavorite.tsx b/src/components/FeaturedItems/MarkFavorite.tsx
index 44e1cd3cc..504a8ecfd 100644
--- a/src/components/FeaturedItems/MarkFavorite.tsx
+++ b/src/components/FeaturedItems/MarkFavorite.tsx
@@ -96,6 +96,7 @@ export function MarkFavorite({
 
   return (
     <button
+      aria-label={isFavorite ? 'Remove from favorites' : 'Add to favorites'}
       onClick={toggleFavoriteHandler}
       tabIndex={-1}
       className={`${isFavorite ? '' : 'opacity-30 hover:opacity-100'} ${
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index ca5d54144..2106d9296 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -29,10 +29,10 @@ import Icon from './AstroIcon.astro';
         href='/about'>FAQs</a
       >
       <a
+        aria-label="Subscribe to YouTube channel"
         class='px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
         href='https://youtube.com/theroadmap?sub_confirmation=1'
-        target='_blank'>YouTube</a
-      >
+        target='_blank'>YouTube</a>
     </p>
 
     <div class='flex flex-col justify-between gap-12 sm:flex-row'>
@@ -75,6 +75,7 @@ import Icon from './AstroIcon.astro';
               <AstroIcon icon='youtube' class='inline-block h-5 w-5' />
             </a>
             <a
+              aria-label="Follow on Twitter"
               href='https://twitter.com/roadmapsh'
               target='_blank'
               class='ml-2 hover:text-white'