Set aria-multiselectable in SelectPanel (#2095)

primer · May 25, 2022 · db5e629 · db5e629
1 parent ea69ccd
commit db5e629
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/slimy-rabbits-try.md b/.changeset/slimy-rabbits-try.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Communicate the SelectPanel multi-select capability to assistive technologies.
diff --git a/src/SelectPanel/SelectPanel.tsx b/src/SelectPanel/SelectPanel.tsx
@@ -158,8 +158,9 @@ export function SelectPanel({
         onFilterChange={onFilterChange}
         {...listProps}
         role="listbox"
-        items={itemsToRender}
+        aria-multiselectable={isMultiSelectVariant(selected) ? 'true' : 'false'}
         selectionVariant={isMultiSelectVariant(selected) ? 'multiple' : 'single'}
+        items={itemsToRender}
         textInputProps={extendedTextInputProps}
         inputRef={inputRef}
         // inheriting height and maxHeight ensures that the FilteredActionList is never taller