admtracksteel/SteelCheck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix accessibility warnings in AdminStandards.tsx forms

Browse Source
This commit is contained in:
admtracksteel
2026-06-23 18:36:56 +00:00
parent e4b9cb8139
commit 3f8d8d6e34
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/AdminStandards.tsx
+9 -3
View File
@@ -115,8 +115,10 @@ export const AdminStandards: React.FC<AdminStandardsProps> = ({ apiKey, provider
<div className="animate-fade-in space-y-8"> <div className="animate-fade-in space-y-8">
{/* Selector */} {/* Selector */}
<div className="bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 p-5"> <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 <select
id="category-select"
title="Selecione a Categoria"
value={selectedCategory} value={selectedCategory}
onChange={e => setSelectedCategory(e.target.value)} 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" 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 className="space-y-4">
<div> <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 <input
id="standard-name"
type="text" type="text"
value={standardName} value={standardName}
onChange={e => setStandardName(e.target.value)} onChange={e => setStandardName(e.target.value)}
@@ -165,11 +168,14 @@ export const AdminStandards: React.FC<AdminStandardsProps> = ({ apiKey, provider
{generatedJson && ( {generatedJson && (
<div className="mt-6 animate-fade-in"> <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>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> <span className="text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded">Human-in-the-Loop</span>
</label> </label>
<textarea <textarea
id="json-editor"
title="Editor JSON da Norma"
placeholder="O JSON gerado pela IA aparecerá aqui..."
value={generatedJson} value={generatedJson}
onChange={e => setGeneratedJson(e.target.value)} 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" 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"