From bbbcc4a1858af2beabf2bae45be8309b5723f816 Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Mon, 30 Sep 2024 17:03:15 +0200
Subject: [PATCH] chore: Add aria-labels to fix errors accessibility

---
 components/filters/custo-checkbox-muted-findings.tsx | 7 ++++++-
 components/filters/custom-account-selection.tsx      | 1 +
 components/filters/custom-date-picker.tsx            | 1 +
 components/filters/custom-region-selection.tsx       | 1 +
 components/filters/custom-search-input.tsx           | 1 +
 components/filters/custom-select-provider.tsx        | 1 +
 6 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/filters/custo-checkbox-muted-findings.tsx b/components/filters/custo-checkbox-muted-findings.tsx
index 0ebfcb7755..a5e52b3d92 100644
--- a/components/filters/custo-checkbox-muted-findings.tsx
+++ b/components/filters/custo-checkbox-muted-findings.tsx
@@ -3,7 +3,12 @@ import React from "react";
 
 export const CustomCheckboxMutedFindings = () => {
   return (
-    <Checkbox className="xl:-mt-8" size="md" color="danger">
+    <Checkbox
+      className="xl:-mt-8"
+      size="md"
+      color="danger"
+      aria-label="Include Muted Findings"
+    >
       Include Muted Findings
     </Checkbox>
   );
diff --git a/components/filters/custom-account-selection.tsx b/components/filters/custom-account-selection.tsx
index d09052ad4d..f9920a988f 100644
--- a/components/filters/custom-account-selection.tsx
+++ b/components/filters/custom-account-selection.tsx
@@ -18,6 +18,7 @@ export const CustomAccountSelection = () => {
   return (
     <Select
       label="Account"
+      aria-label="Select an Account"
       placeholder="Select an account"
       selectionMode="multiple"
       className="w-full"
diff --git a/components/filters/custom-date-picker.tsx b/components/filters/custom-date-picker.tsx
index 615acc5dd4..4343e06f30 100644
--- a/components/filters/custom-date-picker.tsx
+++ b/components/filters/custom-date-picker.tsx
@@ -59,6 +59,7 @@ export const CustomDatePicker = () => {
   return (
     <div className="flex flex-col md:gap-2 w-full">
       <DatePicker
+        aria-label="Select a Date"
         CalendarTopContent={
           <ButtonGroup
             fullWidth
diff --git a/components/filters/custom-region-selection.tsx b/components/filters/custom-region-selection.tsx
index 9204da3d33..dd84cb4c1f 100644
--- a/components/filters/custom-region-selection.tsx
+++ b/components/filters/custom-region-selection.tsx
@@ -37,6 +37,7 @@ export const CustomRegionSelection = () => {
   return (
     <Select
       label="Region"
+      aria-label="Select a Region"
       placeholder="Select a region"
       selectionMode="multiple"
       className="w-full"
diff --git a/components/filters/custom-search-input.tsx b/components/filters/custom-search-input.tsx
index f958c9d6bd..f3d9808125 100644
--- a/components/filters/custom-search-input.tsx
+++ b/components/filters/custom-search-input.tsx
@@ -38,6 +38,7 @@ export const CustomSearchInput: React.FC = () => {
   return (
     <Input
       variant="flat"
+      aria-label="Search"
       placeholder="Search..."
       labelPlacement="outside"
       value={searchQuery}
diff --git a/components/filters/custom-select-provider.tsx b/components/filters/custom-select-provider.tsx
index ef65220660..e5b810e1e8 100644
--- a/components/filters/custom-select-provider.tsx
+++ b/components/filters/custom-select-provider.tsx
@@ -62,6 +62,7 @@ export const CustomSelectProvider = () => {
       items={dataInputsProvider}
       // selectionMode="multiple"
       // label="Select a Provider"
+      aria-label="Select a Provider"
       placeholder="Select a provider"
       labelPlacement="outside"
       size="sm"