chore: fix accessibility warnings in AdminStandards.tsx forms

This commit is contained in:
2026-06-23 18:36:56 +00:00
parent e4b9cb8139
commit 3f8d8d6e34
+9 -3
View File
@@ -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"