[MultiSelect | Option] Add aria role and attributes

techniq · Jul 30, 2024 · fc18db3 · fc18db3
1 parent a409bec
commit fc18db3
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/.changeset/lucky-drinks-care.md b/.changeset/lucky-drinks-care.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+[MultiSelectOption] Add aria role and attributes
diff --git a/.changeset/poor-turtles-impress.md b/.changeset/poor-turtles-impress.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+[MultiSelect] Add aria role and attributes
diff --git a/packages/svelte-ux/src/lib/components/MultiSelect.svelte b/packages/svelte-ux/src/lib/components/MultiSelect.svelte
@@ -161,6 +161,8 @@
     classes.root,
     $$restProps.class
   )}
+  role="listbox"
+  aria-multiselectable="true"
 >
   <slot name="beforeOptions" selection={$selection} />
 

diff --git a/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte b/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
@@ -25,6 +25,8 @@
     classes.root,
     $$props.class
   )}
+  role="option"
+  aria-selected={checked}
 >
   <Checkbox
     bind:checked