Give the hero owls and tool-page logo descriptive alt text

src/components/brand/Owl.tsx

@@ -134,7 +134,7 @@ export function Owl({ pose, size, className, label, priority = false, gesture, b
                 src={POSES[pose]}
                 width={size}
                 height={size}
-                alt=""
+                alt={label ?? ''}
                 draggable={false}
                 decoding="async"
                 loading={priority ? 'eager' : 'lazy'}
@@ -192,7 +192,7 @@ export function OwlAvatar({ pose, size = 40, className, label, blink = false }:
             src={POSES[pose]}
             width={size}
             height={size}
-            alt=""
+            alt={label ?? ''}
             draggable={false}
             decoding="async"
             className="absolute inset-0 h-full w-full select-none object-contain"

src/components/free-tools/ToolPageLayout.tsx

@@ -116,7 +116,7 @@ export function ToolPageLayout({ route, title, intro, shortAnswer, tool, childre
       <header className="border-b border-border/60 print:hidden">
         <div className="container flex h-14 items-center justify-between gap-4 px-4">
           <Link to={home} aria-label={t('translation:common.homeLink')} className="flex items-center gap-2 rounded-md pointer-coarse:min-h-11">
-            <OwlMark size={32} />
+            <OwlMark size={32} alt={t('translation:common.logoAlt')} />
             <span className="font-display text-lg font-[600] tracking-[-0.01em] text-heading">{site.product}</span>
           </Link>
           <Link to={hub} className="inline-flex items-center text-sm text-muted-foreground hover:text-foreground pointer-coarse:min-h-11">

src/components/landing/Hero.tsx

@@ -29,7 +29,7 @@ const Hero = () => {
                     <div className="mx-auto w-full max-w-2xl lg:mx-0 lg:max-w-none">
                         {/* Below lg the product preview is hidden, so Ollie greets the visitor here instead. */}
                         <Reveal onLoad className="mb-3 lg:hidden">
-                            <Owl pose="point" size={88} priority breathe={false} className="-ml-2" />
+                            <Owl pose="point" size={88} label={t('hero.owlAlt')} priority breathe={false} className="-ml-2" />
                         </Reveal>
 
                         <Reveal onLoad delay={0.05}>
@@ -111,7 +111,7 @@ const HeroPreview = () => {
         <Reveal onLoad delay={0.1} className="relative hidden w-full lg:block">
             <div className="absolute -inset-8 bg-linear-to-r from-plume-400/25 via-plume-200/20 to-[rgb(255_196_20/0.22)] blur-3xl" />
             {/* The owl points the visitor at the product. */}
-            <Owl pose="point" size={140} priority breathe={false} className="absolute -bottom-10 -left-24 z-20 -scale-x-100" />
+            <Owl pose="point" size={140} label={t('hero.owlAlt')} priority breathe={false} className="absolute -bottom-10 -left-24 z-20 -scale-x-100" />
             <div className="relative overflow-hidden rounded-xl border-2 border-border bg-card shadow-2xl">
                 {/* Browser chrome */}
                 <div className="flex items-center border-b-2 border-border px-5 py-3">

src/locales/en.json

@@ -901,6 +901,7 @@
     "cta": "Start free trial",
     "trustBullet1": "No credit card required",
     "trustBullet2": "Cancel anytime",
+    "owlAlt": "The owl, pointing you to the app",
     "preview": {
       "topicLabel": "Motion",
       "topicValue": "Should schools ban phones?",

src/locales/es.json

@@ -901,6 +901,7 @@
     "cta": "Comenzar prueba gratis",
     "trustBullet1": "Sin tarjeta de crédito",
     "trustBullet2": "Cancela cuando quieras",
+    "owlAlt": "El búho, señalándote la app",
     "preview": {
       "topicLabel": "Moción",
       "topicValue": "¿Deberían las escuelas prohibir los teléfonos?",

src/locales/hu.json

@@ -901,6 +901,7 @@
     "cta": "Ingyenes próba indítása",
     "trustBullet1": "Bankkártya nem szükséges",
     "trustBullet2": "Bármikor lemondható",
+    "owlAlt": "A bagoly az alkalmazásra mutat",
     "preview": {
       "topicLabel": "Indítvány",
       "topicValue": "Tiltsák be az iskolák a telefonokat?",