Fix Accessibility Violations in Footer

src/components/logos/discord-logo.tsx

@@ -8,6 +8,7 @@ function DiscordLogo({ className }: { className?: string }) {
       viewBox="0 0 20 20"
       fill="none"
     >
+      <title>Discord</title>
       <g clipPath="url(#clip0_3111_5056)">
         <path
           d="M16.9419 3.76947C15.6279 3.16787 14.2407 2.74109 12.8158 2.5C12.6208 2.84857 12.4444 3.20721 12.2872 3.57441C10.7694 3.34569 9.22586 3.34569 7.70802 3.57441C7.55081 3.20725 7.37438 2.84862 7.17947 2.5C5.75362 2.74312 4.36551 3.17092 3.05017 3.77261C0.438871 7.63607 -0.26901 11.4036 0.0849306 15.1176C1.61417 16.2475 3.32583 17.1067 5.14549 17.6581C5.55523 17.107 5.91779 16.5224 6.22934 15.9104C5.6376 15.6894 5.06647 15.4167 4.52256 15.0956C4.66571 14.9917 4.80571 14.8848 4.94099 14.781C6.52365 15.5252 8.25105 15.9111 9.99998 15.9111C11.7489 15.9111 13.4763 15.5252 15.059 14.781C15.1958 14.8926 15.3358 14.9996 15.4774 15.0956C14.9324 15.4173 14.3603 15.6905 13.7675 15.912C14.0786 16.5237 14.4412 17.1078 14.8513 17.6581C16.6726 17.109 18.3855 16.2501 19.915 15.1192C20.3303 10.8121 19.2056 7.0792 16.9419 3.76947ZM6.67766 12.8335C5.69135 12.8335 4.8765 11.9384 4.8765 10.8373C4.8765 9.73612 5.66303 8.83318 6.67452 8.83318C7.686 8.83318 8.49456 9.73612 8.47725 10.8373C8.45995 11.9384 7.68285 12.8335 6.67766 12.8335ZM13.3223 12.8335C12.3344 12.8335 11.5227 11.9384 11.5227 10.8373C11.5227 9.73612 12.3092 8.83318 13.3223 8.83318C14.3354 8.83318 15.1376 9.73612 15.1203 10.8373C15.103 11.9384 14.3275 12.8335 13.3223 12.8335Z"

src/components/logos/github-logo.tsx

@@ -8,6 +8,7 @@ function GitHubLogo({ className }: { className?: string }) {
       viewBox="0 0 20 20"
       fill="none"
     >
+      <title>GitHub</title>
       <g clipPath="url(#clip0_3111_5161)">
         <path
           d="M10.0003 2.49887e-09C7.62574 -5.30577e-05 5.32862 0.84489 3.52004 2.38363C1.71146 3.92236 0.509455 6.05447 0.129124 8.3984C-0.251207 10.7423 0.214958 13.1451 1.4442 15.1768C2.67344 17.2084 4.58553 18.7364 6.83831 19.4872C7.33831 19.5752 7.52531 19.2752 7.52531 19.0122C7.52531 18.7752 7.51331 17.9872 7.51331 17.1501C5.00029 17.6121 4.35028 16.5371 4.15028 15.9751C3.92842 15.4279 3.57661 14.9429 3.12527 14.5621C2.77527 14.3751 2.27527 13.9121 3.11227 13.9001C3.43216 13.9347 3.73898 14.046 4.00671 14.2244C4.27445 14.4028 4.49522 14.6432 4.65029 14.9251C4.78702 15.1708 4.97089 15.3871 5.19136 15.5616C5.41182 15.7361 5.66456 15.8653 5.93508 15.942C6.2056 16.0186 6.48858 16.0411 6.76781 16.0082C7.04704 15.9753 7.31703 15.8876 7.56231 15.7501C7.60563 15.2415 7.83238 14.766 8.20032 14.4121C5.9753 14.1621 3.65028 13.3001 3.65028 9.47508C3.63611 8.48105 4.00286 7.51927 4.67529 6.78706C4.36959 5.92327 4.40536 4.97533 4.77529 4.13703C4.77529 4.13703 5.61229 3.87503 7.52531 5.16204C9.16161 4.71199 10.8891 4.71199 12.5254 5.16204C14.4374 3.86203 15.2754 4.13703 15.2754 4.13703C15.6454 4.97531 15.6812 5.92328 15.3754 6.78706C16.0498 7.51801 16.4169 8.48063 16.4004 9.47508C16.4004 13.3121 14.0624 14.1621 11.8373 14.4121C12.076 14.654 12.2598 14.9444 12.3763 15.2636C12.4928 15.5829 12.5392 15.9234 12.5124 16.2621C12.5124 17.6001 12.5004 18.6752 12.5004 19.0122C12.5004 19.2752 12.6874 19.5872 13.1874 19.4872C15.436 18.7301 17.3424 17.1985 18.5662 15.1659C19.7901 13.1332 20.2518 10.7318 19.8688 8.39026C19.4859 6.04871 18.2832 3.91946 16.4756 2.3826C14.668 0.845737 12.373 0.00129007 10.0003 2.49887e-09Z"

src/components/logos/linkedin-logo.tsx

@@ -8,6 +8,7 @@ function LinkedInLogo({ className }: { className?: string }) {
       viewBox="0 0 20 20"
       fill="none"
     >
+      <title>LinkedIn</title>
       <path
         fillRule="evenodd"
         clipRule="evenodd"

src/components/logos/logo-full.tsx

@@ -6,6 +6,7 @@ function LogoFull({ className }: { className?: string }) {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
+      <title>Shorebird</title>
       <path
         d="M228.9 87.6198C228.9 99.0598 219.99 106.1 204.48 106.1C189.08 106.1 179.95 98.5098 178.85 85.9698H189.52C189.96 93.2298 195.79 97.7398 204.7 97.7398C212.51 97.7398 217.68 94.9898 217.68 89.4898C217.68 84.6498 214.71 82.5598 207.45 81.1298L197.99 79.3698C187.21 77.2798 181.16 71.7798 181.16 62.9798C181.16 52.7498 190.07 45.5998 203.6 45.5998C217.57 45.5998 227.03 53.0798 228.02 65.0698H217.35C216.69 58.0298 211.52 53.9598 203.71 53.9598C196.67 53.9598 191.94 56.9298 191.94 61.9898C191.94 66.7198 194.91 68.9198 201.95 70.2398L211.85 72.1098C223.4 74.1998 228.9 79.2598 228.9 87.6198Z"
         fill="#F0F0EE"

src/components/logos/twitter-logo.tsx

@@ -8,6 +8,7 @@ function TwitterLogo({ className }: { className?: string }) {
       viewBox="0 0 14 14"
       fill="none"
     >
+      <title>Twitter</title>
       <path
         d="M8.10046 5.92804L13.1675 0H11.9668L7.56706 5.14724L4.05303 0H0L5.31391 7.78354L0 14H1.20079L5.847 8.56434L9.55809 14H13.6111L8.10017 5.92804H8.10046ZM6.45581 7.85211L5.9174 7.07705L1.63346 0.909776H3.47781L6.935 5.88696L7.47341 6.66202L11.9673 13.1316H10.123L6.45581 7.85241V7.85211Z"
         fill="#B8B8B7"

src/components/ui/footer.astro

@@ -21,28 +21,28 @@ import { RssIcon } from '@phosphor-icons/react';
         <p class="text-text-2 mb-6">Helping businesses succeed with Flutter.</p>
         <div class="mb-8 flex space-x-3">
           <a href={config.discordUrl}>
-            <Button variant="outline" size="icon">
+            <Button variant="outline" size="icon" aria-label="Discord">
               <DiscordLogo className="size-5" />
             </Button>
           </a>
           <a href={config.githubUrl}>
-            <Button variant="outline" size="icon">
+            <Button variant="outline" size="icon" aria-label="GitHub">
               <GitHubLogo className="size-5" />
             </Button>
           </a>
           <a href={config.twitterUrl}>
-            <Button variant="outline" size="icon">
+            <Button variant="outline" size="icon" aria-label="Twitter">
               <TwitterLogo className="size-4" />
             </Button>
           </a>
           <a href={config.linkedInUrl}>
-            <Button variant="outline" size="icon">
+            <Button variant="outline" size="icon" aria-label="LinkedIn">
               <LinkedInLogo className="size-5" />
             </Button>
           </a>
           <a href="/rss.xml">
-            <Button variant="outline" size="icon">
-              <RssIcon className="size-5" />
+            <Button variant="outline" size="icon" aria-label="RSS Feed">
+              <RssIcon className="size-5" title="RSS Feed" />
             </Button>
           </a>
         </div>