fix(ui): add aria-hidden to PluginHeader icon

Signed-off-by: Johan Persson <johanopersson@gmail.com>
This commit is contained in:
Johan Persson
2026-03-19 09:49:52 +01:00
parent dc3cc87599
commit 8c2e24e612
2 changed files with 10 additions and 1 deletions
+7
View File
@@ -0,0 +1,7 @@
---
'@backstage/ui': patch
---
Added `aria-hidden` to the `PluginHeader` icon to prevent screen readers from announcing decorative plugin icons.
**Affected components:** PluginHeader
@@ -125,7 +125,9 @@ export const PluginHeader = (props: PluginHeaderProps) => {
const titleContent = (
<>
<div className={classes.toolbarIcon}>{icon || <RiShapesLine />}</div>
<div className={classes.toolbarIcon} aria-hidden="true">
{icon || <RiShapesLine />}
</div>
<Text variant="body-medium">{title || 'Your plugin'}</Text>
</>
);