fix(ui): attach aria-label and aria-labelledby props to Select component

The Select component was accepting aria-label and aria-labelledby props
but not forwarding them to the underlying AriaSelect element, making
them ineffective for accessibility. This fix ensures these props are
properly attached to the rendered element.

🤖 Generated with [Claude Code](https://claude.ai/code)

Signed-off-by: MT Lewis <mtlewis@users.noreply.github.com>
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
MT Lewis
2025-09-01 15:28:07 +01:00
parent 6b7cb8cba2
commit 89da341a14
2 changed files with 7 additions and 0 deletions
+5
View File
@@ -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.
@@ -70,6 +70,8 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>((props, ref) => {
className={clsx(classNames.root, className)}
{...dataAttributes}
ref={ref}
aria-label={ariaLabel}
aria-labelledby={ariaLabelledBy}
{...rest}
>
<FieldLabel