fix(a11y): add role=alert to form error messages

This commit is contained in:
Jason Staack
2026-03-15 21:08:36 -05:00
parent bf2002f8be
commit 608a42a376
2 changed files with 2 additions and 2 deletions

View File

@@ -195,7 +195,7 @@ export function ChangePasswordForm() {
)} )}
{error && ( {error && (
<div className="rounded-md bg-error/10 border border-error/30 px-3 py-2"> <div className="rounded-md bg-error/10 border border-error/30 px-3 py-2" role="alert">
<p className="text-xs text-error">{error}</p> <p className="text-xs text-error">{error}</p>
</div> </div>
)} )}

View File

@@ -120,7 +120,7 @@ export function CreateUserForm({ tenantId, open, onClose }: Props) {
</SelectContent> </SelectContent>
</Select> </Select>
</div> </div>
{error && <p className="text-xs text-error">{error}</p>} {error && <p className="text-xs text-error" role="alert">{error}</p>}
<DialogFooter> <DialogFooter>
<Button type="button" variant="ghost" onClick={handleClose} size="sm"> <Button type="button" variant="ghost" onClick={handleClose} size="sm">
Cancel Cancel