Enhance accessibility by adding roles and tabindex attributes to interactive elements

2024-11-02 02:22:15 +09:00
parent 552c3db6a7
commit 52c6641813
3 changed files with 12 additions and 4 deletions
--- a/src/lib/UI/GUI/TextAreaInput.svelte
+++ b/src/lib/UI/GUI/TextAreaInput.svelte
@@ -88,6 +88,8 @@
            }}
            bind:this={inputDom}
            translate="no"
+            role="textbox"
+            tabindex="0"
        >{value ?? ''}</div>
    {:else}
        <div
@@ -103,6 +105,8 @@
            }}
            bind:this={inputDom}
            translate="no"
+            role="textbox"
+            tabindex="0"
        >{value ?? ''}</div>
    {/if}
    <div class="hidden absolute z-100 bg-bgcolor border border-darkborderc p-2 flex-col" bind:this={autoCompleteDom}>