diff --git a/apps/web/components/design-system/footer.tsx b/apps/web/components/design-system/footer.tsx index 328d6c8..884041d 100644 --- a/apps/web/components/design-system/footer.tsx +++ b/apps/web/components/design-system/footer.tsx @@ -51,6 +51,12 @@ const SOCIAL_ICON: Record = { youtube: ExternalLink, }; +const SOCIAL_LABEL: Record = { + facebook: 'GoodGo Facebook', + instagram: 'GoodGo Instagram', + youtube: 'GoodGo YouTube', +}; + /* -------------------------------------------------------------------------- */ /* Component */ /* -------------------------------------------------------------------------- */ @@ -123,8 +129,10 @@ export function Footer({ target="_blank" rel="noopener noreferrer" className="inline-flex h-9 w-9 items-center justify-center rounded-md border border-border text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground" + aria-label={SOCIAL_LABEL[s.platform] ?? s.platform} + title={SOCIAL_LABEL[s.platform] ?? s.platform} > - {Icon && } + {Icon &&