diff --git a/src/components/base/new_dropdowns/listbox/listbox.vue b/src/components/base/new_dropdowns/listbox/listbox.vue index babb34b33c6c43e8e9e15aeaa2273a96a97f25bb..2045efcfd4aa53d84cfbb8ae5c427125650e7a21 100644 --- a/src/components/base/new_dropdowns/listbox/listbox.vue +++ b/src/components/base/new_dropdowns/listbox/listbox.vue @@ -1,15 +1,14 @@ @@ -889,6 +974,8 @@ export default { :id="listboxId" ref="list" :aria-labelledby="listAriaLabelledBy || headerId || toggleIdComputed" + :aria-activedescendant="activeDescendantId" + :aria-multiselectable="multiple ? 'true' : undefined" role="listbox" class="gl-new-dropdown-contents gl-new-dropdown-contents-with-scrim-overlay" :class="listboxClasses" @@ -911,6 +998,7 @@ export default { :is-selected="isSelected(item)" :is-focused="isFocused(item)" :is-check-centered="isCheckCentered" + :unique-id="`${listboxId}-item-${index}`" v-bind="listboxItemMoreItemsAriaAttributes(index)" @select="onSelect(item, $event)" > @@ -990,5 +1078,15 @@ export default { + + + + {{ selectionAnnouncement }} + diff --git a/src/components/base/new_dropdowns/listbox/listbox_item.vue b/src/components/base/new_dropdowns/listbox/listbox_item.vue index 837837ad09364c67963c81339696286e77a5cd45..44f12286a154d9c7a31bbe757f3dcf18b3f19421 100644 --- a/src/components/base/new_dropdowns/listbox/listbox_item.vue +++ b/src/components/base/new_dropdowns/listbox/listbox_item.vue @@ -1,4 +1,5 @@