From 460dc4fe12868978bfd38941e8c0c30329e2a0d3 Mon Sep 17 00:00:00 2001
From: Daniel Bedeleanu <daniel.bedeleanu@emag.ro>
Date: Wed, 15 Apr 2026 11:17:29 +0300
Subject: [PATCH] fix: improve StatCard accessibility (aria-hidden,
 role='status')

---
 frontend/components/StatCard.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/frontend/components/StatCard.tsx b/frontend/components/StatCard.tsx
index 5387ce01..d9de2964 100644
--- a/frontend/components/StatCard.tsx
+++ b/frontend/components/StatCard.tsx
@@ -9,16 +9,14 @@ interface StatCardProps {
 
 export default function StatCard({ label, value, icon: Icon }: StatCardProps) {
   return (
-    <div className="flex justify-between items-center gap-2 p-4 bg-slate-900 rounded-lg">
-      {/* Icon + Label Container */}
+    <div className="flex justify-between items-center gap-2 p-4 bg-slate-900 rounded-lg" role="status">
       <div className="flex items-center gap-2 min-w-0">
-        {Icon && <Icon className="w-5 h-5 text-primary flex-shrink-0" />}
+        {Icon && <Icon className="w-5 h-5 text-primary flex-shrink-0" aria-hidden="true" />}
         <span className="text-sm md:text-base text-slate-400 truncate">
           {label}
         </span>
       </div>
 
-      {/* Number (Right) */}
       <span className="text-lg md:text-xl font-black text-white whitespace-nowrap">
         {value}
       </span>