Skip to content

Commit d1b84e8

Browse files
committed
fix: add aria-live='polite' to AccountForm field errors
1 parent 38e7dc0 commit d1b84e8

1 file changed

Lines changed: 12 additions & 4 deletions

File tree

client/modules/User/components/AccountForm.tsx

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,9 @@ export function AccountForm() {
9090
{...field.input}
9191
/>
9292
{field.meta.touched && field.meta.error && (
93-
<span className="form-error">{field.meta.error}</span>
93+
<span className="form-error" aria-live="polite">
94+
{field.meta.error}
95+
</span>
9496
)}
9597
</p>
9698
)}
@@ -135,7 +137,9 @@ export function AccountForm() {
135137
{...field.input}
136138
/>
137139
{field.meta.touched && field.meta.error && (
138-
<span className="form-error">{field.meta.error}</span>
140+
<span className="form-error" aria-live="polite">
141+
{field.meta.error}
142+
</span>
139143
)}
140144
</p>
141145
)}
@@ -156,7 +160,9 @@ export function AccountForm() {
156160
{...field.input}
157161
/>
158162
{field.meta.touched && field.meta.error && (
159-
<span className="form-error">{field.meta.error}</span>
163+
<span className="form-error" aria-live="polite">
164+
{field.meta.error}
165+
</span>
160166
)}
161167
</p>
162168
)}
@@ -178,7 +184,9 @@ export function AccountForm() {
178184
{...field.input}
179185
/>
180186
{field.meta.touched && field.meta.error && (
181-
<span className="form-error">{field.meta.error}</span>
187+
<span className="form-error" aria-live="polite">
188+
{field.meta.error}
189+
</span>
182190
)}
183191
</p>
184192
)}

0 commit comments

Comments
 (0)