From c0f6f846778364846dcd30dc5cb6d09fb8c89512 Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Sun, 15 Mar 2026 21:09:48 -0500
Subject: [PATCH] fix(a11y): add aria-live to password strength, role=meter to
 signal bar

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/auth/PasswordStrengthMeter.tsx | 2 +-
 frontend/src/components/monitoring/SignalBar.tsx       | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/auth/PasswordStrengthMeter.tsx b/frontend/src/components/auth/PasswordStrengthMeter.tsx
index 93dca66..8ef4201 100644
--- a/frontend/src/components/auth/PasswordStrengthMeter.tsx
+++ b/frontend/src/components/auth/PasswordStrengthMeter.tsx
@@ -110,7 +110,7 @@ export function PasswordStrengthMeter({
       </div>
 
       {/* Score label */}
-      <div className="flex items-center justify-between">
+      <div className="flex items-center justify-between" aria-live="polite" aria-atomic="true">
         <span className={cn('text-xs font-medium', config.color)}>
           {config.label}
         </span>
diff --git a/frontend/src/components/monitoring/SignalBar.tsx b/frontend/src/components/monitoring/SignalBar.tsx
index 501aaeb..a8a354e 100644
--- a/frontend/src/components/monitoring/SignalBar.tsx
+++ b/frontend/src/components/monitoring/SignalBar.tsx
@@ -46,6 +46,11 @@ export function SignalBar({ signal, label }: SignalBarProps) {
           <div
             className={cn('h-full rounded-full transition-all', barColor)}
             style={{ width: `${pct}%` }}
+            role="meter"
+            aria-label={label || 'Signal strength'}
+            aria-valuenow={signal ?? 0}
+            aria-valuemin={-100}
+            aria-valuemax={0}
           />
         </div>
         {/* dBm value */}