From dd9c9c442ccfa53d263dc6e066d10005ca283c7e Mon Sep 17 00:00:00 2001
From: sam <sam@sleepycat.moe>
Date: Mon, 11 Sep 2023 22:11:22 +0200
Subject: [PATCH] fix(frontend): add screenreader/text-only labels for
 name/pronoun/field entries (fixes #98)

---
 frontend/src/lib/components/StatusIcon.svelte | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/StatusIcon.svelte b/frontend/src/lib/components/StatusIcon.svelte
index 824c894..16f3fd1 100644
--- a/frontend/src/lib/components/StatusIcon.svelte
+++ b/frontend/src/lib/components/StatusIcon.svelte
@@ -18,7 +18,6 @@
   let iconElement: HTMLElement;
 </script>
 
-<span bind:this={iconElement} tabindex={0}
-  ><Icon name={currentPreference.icon} class={className} /></span
->
-<Tooltip target={iconElement} placement="top">{currentPreference.tooltip}</Tooltip>
+<Icon aria-hidden name={currentPreference.icon} class={className} />
+<span class="visually-hidden">{currentPreference.tooltip}:</span>
+<Tooltip aria-hidden target={iconElement} placement="top">{currentPreference.tooltip}</Tooltip>