diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx index f504b15a9..40e588fbf 100644 --- a/src/components/Dropdown/Dropdown.tsx +++ b/src/components/Dropdown/Dropdown.tsx @@ -75,6 +75,7 @@ export const Dropdown: FC = React.memo( trigger = 'click', visible, width, + ariaLabel = 'dropdown', overlayTabIndex = 0, }, ref: React.ForwardedRef @@ -411,6 +412,7 @@ export const Dropdown: FC = React.memo( className={mainWrapperClasses} style={style} ref={refs.setReference} + ariaLabel={ariaLabel} {...(TRIGGER_TO_HANDLER_MAP_ON_LEAVE[trigger] ? { [TRIGGER_TO_HANDLER_MAP_ON_LEAVE[trigger]]: toggle( diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx index 03b30b0fb..6e65d9b28 100644 --- a/src/components/Select/Select.tsx +++ b/src/components/Select/Select.tsx @@ -109,6 +109,7 @@ export const Select: FC = React.forwardRef( theme, themeContainerId, toggleButtonAriaLabel, + clearButtonAriaLabel = 'Clear input', 'data-test-id': dataTestId, }, ref: Ref @@ -917,6 +918,7 @@ export const Select: FC = React.forwardRef( shape={selectShapeToTextInputShapeMap.get(mergedShape)} size={selectSizeToTextInputSizeMap.get(mergedSize)} value={selectedOptionText} + clearButtonAriaLabel={clearButtonAriaLabel} />