diff --git a/packages/eui/src/components/filter_group/filter_button.tsx b/packages/eui/src/components/filter_group/filter_button.tsx index 247e44e615b..1feca51582e 100644 --- a/packages/eui/src/components/filter_group/filter_button.tsx +++ b/packages/eui/src/components/filter_group/filter_button.tsx @@ -21,6 +21,7 @@ import { euiFilterButtonStyles, euiFilterButtonChildStyles, } from './filter_button.styles'; +import { EuiScreenReaderOnly } from '../accessibility'; export type EuiFilterButtonProps = { /** @@ -152,6 +153,12 @@ export const EuiFilterButton: FunctionComponent = ({ const dataText = children && typeof children === 'string' ? children : innerText; + const accessibleText = ( + + {useEuiI18n('euiFilterButton.accessibleText', 'select')} + + ); + const textContent = ( = ({ css={textCssStyles} > {children} + {accessibleText} );