From df312d3c5514420c59f308e729f96716b27910bc Mon Sep 17 00:00:00 2001
From: supercolbat <supercolbat@protonmail.com>
Date: Sat, 5 Aug 2023 14:48:27 -0500
Subject: [PATCH] Add aria labels

---
 src/routes/pubnix/User.svelte | 20 +++++++++++++++-----
 src/routes/team/+page.svelte  | 31 +++++++++++++++++++++++--------
 2 files changed, 38 insertions(+), 13 deletions(-)

diff --git a/src/routes/pubnix/User.svelte b/src/routes/pubnix/User.svelte
index d23d0a6..f397ef2 100644
--- a/src/routes/pubnix/User.svelte
+++ b/src/routes/pubnix/User.svelte
@@ -49,28 +49,38 @@
 	</div>
 	<div class="children:text-text flex flex-row items-center gap-4 text-lg">
 		{#if user.email}
-			<a href="mailto:{user.email}"><div class="i-ic:outline-email" /></a>
+			<a
+				href="mailto:{user.email}"
+				aria-label="Email"><div class="i-ic:outline-email" /></a
+			>
 		{/if}
 
 		{#if user.matrix}
-			<a href="https://matrix.to/#/{user.matrix}"
-				><div class="i-simple-icons:matrix" /></a
+			<a
+				href="https://matrix.to/#/{user.matrix}"
+				aria-label="Matrix"><div class="i-simple-icons:matrix" /></a
 			>
 		{/if}
 
 		{#if user.fediverse}
-			<a href="https://{user.fediverse}"
+			<a
+				href="https://{user.fediverse}"
+				aria-label="Fediverse"
 				><div class="i-simple-icons:mastodon" /></a
 			>
 		{/if}
 
 		{#if user.website}
-			<a href={user.website}><div class="i-ic:outline-language" /></a>
+			<a
+				href={user.website}
+				aria-label="Website"><div class="i-ic:outline-language" /></a
+			>
 		{/if}
 
 		{#if user.capsule}
 			<a
 				href="https://geminiproxy.p.projectsegfau.lt/gemini/{user.capsule}"
+				aria-label="Gemini"
 				class="no-underline text-base">Gemini</a
 			>
 		{/if}
diff --git a/src/routes/team/+page.svelte b/src/routes/team/+page.svelte
index 98cf10b..04dedf5 100644
--- a/src/routes/team/+page.svelte
+++ b/src/routes/team/+page.svelte
@@ -20,40 +20,55 @@
 			</div>
 			<div class="children:text-text flex flex-row gap-4 text-lg">
 				{#if member.website}
-					<a href={member.website}
+					<a
+						href={member.website}
+						aria-label="Website"
 						><div class="i-ic:outline-language" /></a
 					>
 				{/if}
 
 				{#if member.matrix}
-					<a href={member.matrix}
+					<a
+						href={member.matrix}
+						aria-label="Matrix"
 						><div class="i-simple-icons:matrix" /></a
 					>
 				{/if}
 
 				{#if member.xmpp}
-					<a href={member.xmpp}><div class="i-simple-icons:xmpp" /></a
+					<a
+						href={member.xmpp}
+						aria-label="XMPP"><div class="i-simple-icons:xmpp" /></a
 					>
 				{/if}
 
 				{#if member.fedi}
-					<a href={member.fedi}
+					<a
+						href={member.fedi}
+						aria-label="Fediverse"
 						><div class="i-simple-icons:mastodon" /></a
 					>
 				{/if}
 
 				{#if member.git}
-					<a href={member.git}><div class="i-simple-icons:git" /></a>
+					<a
+						href={member.git}
+						aria-label="Git"><div class="i-simple-icons:git" /></a
+					>
 				{/if}
 
 				{#if member.email}
-					<a href="mailto:{member.email}"
-						><div class="i-ic:outline-email" /></a
+					<a
+						href="mailto:{member.email}"
+						aria-label="Email"><div class="i-ic:outline-email" /></a
 					>
 				{/if}
 
 				{#if member.pgp}
-					<a href={member.pgp}><div class="i-ic:outline-vpn-key" /></a
+					<a
+						href={member.pgp}
+						aria-label="PGP key"
+						><div class="i-ic:outline-vpn-key" /></a
 					>
 				{/if}
 			</div>