From db9cc7e89c43f437c18e7e7b565a486ab60fd598 Mon Sep 17 00:00:00 2001
From: Anish KB <anishkb@Anishs-MacBook-Air.local>
Date: Sat, 8 Aug 2026 12:56:01 +0530
Subject: [PATCH] fix(a11y): associate labels with evaluator select and notes
 textarea

---
 .../evaluations/components/AuditorInvitation.tsx     | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/[locale]/dashboard/ai-maker/[orgId]/evaluations/components/AuditorInvitation.tsx b/app/[locale]/dashboard/ai-maker/[orgId]/evaluations/components/AuditorInvitation.tsx
index 82cfbf0..db63445 100644
--- a/app/[locale]/dashboard/ai-maker/[orgId]/evaluations/components/AuditorInvitation.tsx
+++ b/app/[locale]/dashboard/ai-maker/[orgId]/evaluations/components/AuditorInvitation.tsx
@@ -540,10 +540,14 @@ const AuditorInvitation: React.FC<AuditorInvitationProps> = ({
                 </div>
               ) : availableAuditors.length > 0 ? (
                 <div>
-                  <label className="text-sm text-gray-700 mb-1 block font-medium">
+                  <label
+                    htmlFor="select-evaluator"
+                    className="text-sm text-gray-700 mb-1 block font-medium"
+                  >
                     Select Evaluator
                   </label>
                   <select
+                    id="select-evaluator"
                     value={selectedAuditorId}
                     onChange={(e) => setSelectedAuditorId(e.target.value)}
                     className="border border-gray-300 rounded-md focus:ring-purple-500 w-full px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2"
@@ -565,10 +569,14 @@ const AuditorInvitation: React.FC<AuditorInvitationProps> = ({
               )}
 
               <div>
-                <label className="text-sm text-gray-700 mb-1 block font-medium">
+                <label
+                  htmlFor="evaluator-notes"
+                  className="text-sm text-gray-700 mb-1 block font-medium"
+                >
                   Notes (optional)
                 </label>
                 <textarea
+                  id="evaluator-notes"
                   value={notes}
                   onChange={(e) => setNotes(e.target.value)}
                   placeholder="Add any notes for the auditor..."