fix(multiselect): add aria-label to parent element

carbon-design-system · Jan 17, 2020 · 41355a5 · 41355a5
1 parent 4f021f6
commit 41355a5
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/react/src/components/MultiSelect/MultiSelect.js b/packages/react/src/components/MultiSelect/MultiSelect.js
@@ -377,14 +377,14 @@ export default class MultiSelect extends React.Component {
                           <ListBox.MenuItem
                             key={itemProps.id}
                             isActive={isChecked}
+                            role="option"
+                            aria-selected={isChecked}
+                            tabIndex={-1}
+                            name={itemText}
                             isHighlighted={highlightedIndex === index}
-                            role="group"
-                            aria-label={itemProps.id}
+                            aria-label={itemText}
                             {...itemProps}>
-                            <div
-                              role="group"
-                              aria-label={`${itemProps.id}__checkbox`}
-                              className={`${prefix}--checkbox-wrapper`}>
+                            <div className={`${prefix}--checkbox-wrapper`}>
                               <span
                                 title={useTitleInItem ? itemText : null}
                                 className={`${prefix}--checkbox-label`}