From 6a331c05e8a9235d284ad24dccd7506a69877898 Mon Sep 17 00:00:00 2001
From: sumit-tft <70506234+sumit-tft@users.noreply.github.com>
Date: Mon, 23 Jun 2025 16:55:05 +0530
Subject: [PATCH] fix(ui): resolve accessibility warnings for Sheet and SVG
 elements (#8019)

Co-authored-by: Pablo Lara <larabjj@gmail.com>
---
 ui/CHANGELOG.md                         | 1 +
 ui/components/icons/Icons.tsx           | 4 ++--
 ui/components/ui/sidebar/sheet-menu.tsx | 4 ++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/CHANGELOG.md b/ui/CHANGELOG.md
index 73fa758d8c..0784dab880 100644
--- a/ui/CHANGELOG.md
+++ b/ui/CHANGELOG.md
@@ -35,6 +35,7 @@ All notable changes to the **Prowler UI** are documented in this file.
 - Sync between filter buttons and URL when filters change [(#7928)](https://github.com/prowler-cloud/prowler/pull/7928)
 - Improve heatmap perfomance [(#7934)](https://github.com/prowler-cloud/prowler/pull/7934)
 - SelectScanProvider warning fixed with empty alias [(#7998)](https://github.com/prowler-cloud/prowler/pull/7998)
+- Prevent console warnings for accessibility and SVG[(#8019)](https://github.com/prowler-cloud/prowler/pull/8019)
 
 ---
 
diff --git a/ui/components/icons/Icons.tsx b/ui/components/icons/Icons.tsx
index 0cb893040f..f2cfc22c6e 100644
--- a/ui/components/icons/Icons.tsx
+++ b/ui/components/icons/Icons.tsx
@@ -1002,9 +1002,9 @@ export const AzureIcon: React.FC<IconSvgProps> = ({
       {...props}
     >
       <path
-        fill-rule="evenodd"
+        fillRule="evenodd"
         d="m15.37 13.68l-4-12a1 1 0 0 0-1-.68H5.63a1 1 0 0 0-.95.68l-4.05 12a1 1 0 0 0 1 1.32h2.93a1 1 0 0 0 .94-.68l.61-1.78l3 2.27a1 1 0 0 0 .6.19h4.68a1 1 0 0 0 .98-1.32m-5.62.66a.32.32 0 0 1-.2-.07L3.9 10.08l-.09-.07h3l.08-.21l1-2.53l2.24 6.63a.34.34 0 0 1-.38.44m4.67 0H10.7a1 1 0 0 0 0-.66l-4.05-12h3.72a.34.34 0 0 1 .32.23l4.05 12a.34.34 0 0 1-.32.43"
-        clip-rule="evenodd"
+        clipRule="evenodd"
       />
     </svg>
   );
diff --git a/ui/components/ui/sidebar/sheet-menu.tsx b/ui/components/ui/sidebar/sheet-menu.tsx
index 43c2dc40c4..b3537d5dbf 100644
--- a/ui/components/ui/sidebar/sheet-menu.tsx
+++ b/ui/components/ui/sidebar/sheet-menu.tsx
@@ -5,7 +5,9 @@ import { ProwlerExtended } from "@/components/icons";
 import {
   Sheet,
   SheetContent,
+  SheetDescription,
   SheetHeader,
+  SheetTitle,
   SheetTrigger,
 } from "@/components/ui/sheet";
 import { Menu } from "@/components/ui/sidebar/menu";
@@ -25,6 +27,8 @@ export function SheetMenu() {
         side="left"
       >
         <SheetHeader>
+          <SheetTitle className="sr-only">Sidebar</SheetTitle>
+          <SheetDescription className="sr-only" />
           <Button
             className="flex items-center justify-center pb-2 pt-1"
             variant="link"