fix: add accessible link text to committee member email+tg links

Tietokilta · Dec 15, 2024 · 8b958cc · 8b958cc
1 parent a17dc1e
commit 8b958cc
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/apps/web/src/components/committee-card/index.tsx b/apps/web/src/components/committee-card/index.tsx
@@ -48,6 +48,9 @@ function CommitteeMemberCard({
                 className="flex items-center gap-1"
                 href={`mailto:${committeeMember.email}`}
               >
+                <span className="sr-only">
+                  {committeeMember.name} Email: {committeeMember.email}
+                </span>
                 <GmailIcon className="size-6 shrink-0" />
               </a>
             ) : null}
@@ -60,6 +63,10 @@ function CommitteeMemberCard({
                 rel="noopener noreferrer"
                 target="_blank"
               >
+                <span className="sr-only">
+                  {committeeMember.name} Telegram:{" "}
+                  {parseTG(committeeMember.telegramUsername)}
+                </span>
                 <TelegramIcon className="size-6 shrink-0" />
               </a>
             ) : null}