From de635f72cb108ee92e3bb0410984d5769d483092 Mon Sep 17 00:00:00 2001
From: Martin Donadieu <martindonadieu@gmail.com>
Date: Sat, 2 May 2026 21:10:29 +0200
Subject: [PATCH] fix hero capacitor label text

---
 apps/web/src/components/Hero.astro | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/Hero.astro b/apps/web/src/components/Hero.astro
index 30b969510..d32ef58d8 100644
--- a/apps/web/src/components/Hero.astro
+++ b/apps/web/src/components/Hero.astro
@@ -183,7 +183,8 @@ const ctaSubtext = `${m.days_free_trial({}, { locale: Astro.locals.locale })}. $
         <h1 class="font-pj text-4xl leading-tight font-bold tracking-tight sm:text-5xl sm:leading-tight lg:text-6xl lg:leading-tight xl:text-7xl">
           {m.instant_updates_for_your({}, { locale: Astro.locals.locale })}
           <br />
-          <span class="text-azure-500">&lt;CapacitorJS app/&gt;</span>
+          <span class="hero-capacitor-target text-azure-500" aria-hidden="true"></span>
+          <span class="sr-only">CapacitorJS app</span>
         </h1>
         <p class="font-inter mx-auto mt-6 max-w-3xl text-lg leading-8 text-gray-400 sm:text-xl">
           {m.hero_subtitle_part1({}, { locale: Astro.locals.locale })}
@@ -356,3 +357,9 @@ const ctaSubtext = `${m.days_free_trial({}, { locale: Astro.locals.locale })}. $
     </div>
   </div>
 </section>
+
+<style>
+  .hero-capacitor-target::before {
+    content: '<CapacitorJS app/>';
+  }
+</style>