From 8c2e24e612a901a2d0820bff30b4f44f443b7017 Mon Sep 17 00:00:00 2001
From: Johan Persson <johanopersson@gmail.com>
Date: Thu, 19 Mar 2026 09:49:52 +0100
Subject: [PATCH] fix(ui): add aria-hidden to PluginHeader icon

Signed-off-by: Johan Persson <johanopersson@gmail.com>
---
 .changeset/happy-masks-allow.md                          | 7 +++++++
 packages/ui/src/components/PluginHeader/PluginHeader.tsx | 4 +++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/happy-masks-allow.md

diff --git a/.changeset/happy-masks-allow.md b/.changeset/happy-masks-allow.md
new file mode 100644
index 0000000000..56d9b04e91
--- /dev/null
+++ b/.changeset/happy-masks-allow.md
@@ -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
diff --git a/packages/ui/src/components/PluginHeader/PluginHeader.tsx b/packages/ui/src/components/PluginHeader/PluginHeader.tsx
index d153a3af18..2414e22975 100644
--- a/packages/ui/src/components/PluginHeader/PluginHeader.tsx
+++ b/packages/ui/src/components/PluginHeader/PluginHeader.tsx
@@ -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>
     </>
   );