From 6e9f0e39ccae02782884ce63637639ea9b3ede3b Mon Sep 17 00:00:00 2001
From: Nicolas Varrot <contact@nicolasvarrot.fr>
Date: Fri, 6 Mar 2026 09:03:40 +0000
Subject: [PATCH] fix(a11y): add role=status and aria-hidden to TypingIndicator

- Add role="status" with aria-label for screen reader announcement
- Mark decorative bounce dots as aria-hidden
---
 src/components/TypingIndicator.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TypingIndicator.tsx b/src/components/TypingIndicator.tsx
index 3946dbe..b9cc7bd 100644
--- a/src/components/TypingIndicator.tsx
+++ b/src/components/TypingIndicator.tsx
@@ -23,12 +23,12 @@ export function TypingIndicator() {
   }, []);
 
   return (
-    <div className="animate-fade-in flex items-start gap-3 px-4 py-3">
+    <div role="status" aria-label={t('chat.thinking')} className="animate-fade-in flex items-start gap-3 px-4 py-3">
       <div className="shrink-0 flex h-9 w-9 items-center justify-center rounded-2xl border border-pc-border-strong bg-pc-input/60">
         <Bot className="h-4 w-4 text-pc-accent-light" />
       </div>
       <div className="rounded-3xl border border-pc-border-strong bg-pc-input/55 px-4 py-3 shadow-[0_0_0_1px_rgba(255,255,255,0.03)]">
-        <div className="flex items-center gap-1.5">
+        <div className="flex items-center gap-1.5" aria-hidden="true">
           <span className="bounce-dot h-2 w-2 rounded-full bg-gradient-to-r from-cyan-300/80 to-violet-400/80" />
           <span className="bounce-dot h-2 w-2 rounded-full bg-gradient-to-r from-cyan-300/80 to-violet-400/80" />
           <span className="bounce-dot h-2 w-2 rounded-full bg-gradient-to-r from-cyan-300/80 to-violet-400/80" />