From 19b2eb7eaa057712de8ad2bebb1034cb27edc024 Mon Sep 17 00:00:00 2001
From: Tyler <tyler@crispygoat.com>
Date: Sat, 20 Jun 2026 11:25:28 -0600
Subject: [PATCH] fix(frontend): announce blocking validation errors via
 role=alert
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ClaimDrawerError.tsx already wraps its error surface with role=alert
(line 36). Apply the same pattern to the ValidationPanel errors
sub-section so assistive tech announces blocking validation failures
when the drawer opens, matching the established sibling pattern.

Warnings stay decorative (no role change) — they're advisories, not
blocks.
---
 src/components/ClaimDrawer/ValidationPanel.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ClaimDrawer/ValidationPanel.tsx b/src/components/ClaimDrawer/ValidationPanel.tsx
index 6d2d048..e7ab730 100644
--- a/src/components/ClaimDrawer/ValidationPanel.tsx
+++ b/src/components/ClaimDrawer/ValidationPanel.tsx
@@ -129,6 +129,7 @@ export function ValidationPanel({ validation }: ValidationPanelProps) {
         <div
           data-testid="validation-errors"
           data-rule-group="errors"
+          role="alert"
           className="flex flex-col gap-2 border-l-2 border-[color:var(--m-error)] bg-[color:var(--m-error-bg)] px-3 py-2.5"
         >
           <div className="flex items-center gap-2">