From ae0806c802b2a6992134267ba2f7dfdf3f0071eb Mon Sep 17 00:00:00 2001
From: srinidhi-2006-bit <egalasrinidhireddy7@gmail.com>
Date: Sat, 6 Jun 2026 00:12:27 +0530
Subject: [PATCH] fix: associate trim validation errors with form fields

---
 src/components/TrimControl.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/TrimControl.tsx b/src/components/TrimControl.tsx
index d48bdd69..38d23d8a 100644
--- a/src/components/TrimControl.tsx
+++ b/src/components/TrimControl.tsx
@@ -265,6 +265,7 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
           {invalidStart && (
             <p
               id="trim-start-error"
+              role="alert"
               className="font-heading animate-fade-in mt-1.5 flex items-center gap-1 text-[10px] text-red-500"
             >
               <AlertCircle size={10} className="shrink-0" />
@@ -302,6 +303,7 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
           {invalidEnd && (
             <p
               id="trim-end-error"
+              role="alert"
               className="font-heading animate-fade-in mt-1.5 flex items-center gap-1 text-[10px] text-red-500"
             >
               <AlertCircle size={10} className="shrink-0" />