Restore ARIA accessibility to send button

zamm-dev · May 9, 2024 · 877b424 · 877b424
1 parent b88307f
commit 877b424
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src-svelte/src/lib/controls/Button.svelte b/src-svelte/src/lib/controls/Button.svelte
@@ -3,6 +3,7 @@
 
   export let unwrapped = false;
   export let rightEnd = false;
+  export let ariaLabel: string | undefined = undefined;
   const dispatchClickEvent = createEventDispatcher();
 
   function handleClick() {
@@ -15,6 +16,7 @@
     class="cut-corners inner"
     class:right-end={rightEnd}
     type="submit"
+    aria-label={ariaLabel}
     on:click={handleClick}
   >
     <slot />
@@ -24,6 +26,7 @@
     class="cut-corners outer"
     class:right-end={rightEnd}
     type="submit"
+    aria-label={ariaLabel}
     on:click={handleClick}
   >
     <div class="cut-corners inner" class:right-end={rightEnd}>

diff --git a/src-svelte/src/routes/chat/Form.svelte b/src-svelte/src/routes/chat/Form.svelte
@@ -52,7 +52,7 @@
     bind:this={textareaInput}
     bind:value={currentMessage}
   />
-  <Button unwrapped rightEnd><IconSend /></Button>
+  <Button ariaLabel="Send" unwrapped rightEnd><IconSend /></Button>
 </form>
 
 <style>