From 3f8d8d6e34e453b0c2539a734a539a9024e6a136 Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Tue, 23 Jun 2026 18:36:56 +0000
Subject: [PATCH] chore: fix accessibility warnings in AdminStandards.tsx forms

---
 components/AdminStandards.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/AdminStandards.tsx b/components/AdminStandards.tsx
index 774d8a8..a054a45 100644
--- a/components/AdminStandards.tsx
+++ b/components/AdminStandards.tsx
@@ -115,8 +115,10 @@ export const AdminStandards: React.FC<AdminStandardsProps> = ({ apiKey, provider
     <div className="animate-fade-in space-y-8">
       {/* Selector */}
       <div className="bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 p-5">
-        <label className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">Selecione a Categoria de Material</label>
+        <label htmlFor="category-select" className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">Selecione a Categoria de Material</label>
         <select 
+          id="category-select"
+          title="Selecione a Categoria"
           value={selectedCategory} 
           onChange={e => setSelectedCategory(e.target.value)}
           className="w-full rounded-lg border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 px-4 py-2 text-slate-900 dark:text-white"
@@ -137,8 +139,9 @@ export const AdminStandards: React.FC<AdminStandardsProps> = ({ apiKey, provider
             
             <div className="space-y-4">
               <div>
-                <label className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1">Nome exato da Norma</label>
+                <label htmlFor="standard-name" className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1">Nome exato da Norma</label>
                 <input 
+                  id="standard-name"
                   type="text" 
                   value={standardName}
                   onChange={e => setStandardName(e.target.value)}
@@ -165,11 +168,14 @@ export const AdminStandards: React.FC<AdminStandardsProps> = ({ apiKey, provider
 
               {generatedJson && (
                 <div className="mt-6 animate-fade-in">
-                  <label className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1 flex justify-between">
+                  <label htmlFor="json-editor" className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1 flex justify-between">
                     <span>Valide e corrija os parâmetros abaixo:</span>
                     <span className="text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded">Human-in-the-Loop</span>
                   </label>
                   <textarea
+                    id="json-editor"
+                    title="Editor JSON da Norma"
+                    placeholder="O JSON gerado pela IA aparecerá aqui..."
                     value={generatedJson}
                     onChange={e => setGeneratedJson(e.target.value)}
                     className="w-full h-80 font-mono text-sm rounded-lg border-slate-300 dark:border-slate-600 bg-slate-50 dark:bg-slate-950 p-4 text-slate-800 dark:text-slate-300 outline-none focus:ring-2 focus:ring-indigo-500"