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>
This commit is contained in:
Jason Staack
2026-03-15 21:09:48 -05:00
parent 608a42a376
commit c0f6f84677
2 changed files with 6 additions and 1 deletions

View File

@@ -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>

View File

@@ -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 */}