diff --git a/.changeset/fix-select-aria-props.md b/.changeset/fix-select-aria-props.md new file mode 100644 index 0000000000..66bb1de3ad --- /dev/null +++ b/.changeset/fix-select-aria-props.md @@ -0,0 +1,5 @@ +--- +'@backstage/ui': patch +--- + +Fix Select component to properly attach aria-label and aria-labelledby props to the rendered element for improved accessibility. diff --git a/packages/ui/src/components/Select/Select.tsx b/packages/ui/src/components/Select/Select.tsx index c63e8964ab..f38311b117 100644 --- a/packages/ui/src/components/Select/Select.tsx +++ b/packages/ui/src/components/Select/Select.tsx @@ -70,6 +70,8 @@ export const Select = forwardRef((props, ref) => { className={clsx(classNames.root, className)} {...dataAttributes} ref={ref} + aria-label={ariaLabel} + aria-labelledby={ariaLabelledBy} {...rest} >