Fix accessibility issues

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'} ${

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'