A11y: improve flow with screenreader, some more refactoring to svelte, see #1181

src/Utils/ariaLabel.ts

@@ -1,20 +1,17 @@
 import { Translation } from "../UI/i18n/Translation"
 
 export function ariaLabel(htmlElement: Element, t: Translation) {
-    let onDestroy: () => void = undefined
+    let destroy: () => void = undefined
 
     t.current.map(
         (label) => {
-            console.log("Setting arialabel", label, "to", htmlElement)
             htmlElement.setAttribute("aria-label", label)
         },
         [],
         (f) => {
-            onDestroy = f
+            destroy = f
         }
     )
 
-    return {
-        destroy() {},
-    }
+    return { destroy }
 }

src/Utils/placeholder.ts

@@ -0,0 +1,17 @@
+import { Translation } from "../UI/i18n/Translation"
+
+export function placeholder(htmlElement: HTMLInputElement, t: Translation) {
+    let destroy: () => void = undefined
+
+    t.current.map(
+        (label) => {
+            htmlElement.setAttribute("placeholder", label)
+        },
+        [],
+        (f) => {
+            destroy = f
+        }
+    )
+
+    return { destroy }
+}