From 766966ba867885f4c0a0f1d6b6b679bca89a56ac Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
<161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 12 Sep 2026 04:13:49 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20add=20aria-hidden=20t?=
=?UTF-8?q?o=20decorative=20GitHub=20icon=20in=20Hero?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Ensure decorative GitHub SVG icon in the Hero component is hidden from screen readers to prevent redundant screen reader announcements when text label is present.
---
app/components/Hero/index.tsx | 2 +-
tests/unit/components/Hero/index.test.tsx | 4 ++++
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/app/components/Hero/index.tsx b/app/components/Hero/index.tsx
index 14259de..3cc6199 100755
--- a/app/components/Hero/index.tsx
+++ b/app/components/Hero/index.tsx
@@ -47,7 +47,7 @@ export function Hero() {
target="_blank"
rel="noopener noreferrer"
>
-
+
GitHub
{
expect(githubLink).toHaveAttribute("target", "_blank");
expect(githubLink).toHaveAttribute("rel", "noopener noreferrer");
+ const githubIcon = githubLink.querySelector("svg");
+ expect(githubIcon).toBeInTheDocument();
+ expect(githubIcon).toHaveAttribute("aria-hidden", "true");
+
const externalLinkIcon = githubLink.querySelector(
"svg.lucide-external-link",
);