fix(ui): announce the account popover as a dialog, not a menu

The panel holds switches and ordinary buttons rather than menu items, so
menu semantics promised keyboard behavior it does not provide.
This commit is contained in:
Yuneng Jiang 2026-08-14 02:23:24 -07:00
parent 0cb48cf23c
commit 07492314a8
No known key found for this signature in database

View file

@ -208,7 +208,7 @@ const UserDropdown: React.FC<UserDropdownProps> = ({ onLogout, variant = "navbar
collapsed ? "justify-center px-0 py-1" : "gap-2.5 px-2 py-1.5 text-left",
)}
aria-label={`Account menu — ${userRole ?? "Unknown role"} — signed in as ${userEmail || userId || "unknown"}`}
aria-haspopup="menu"
aria-haspopup="dialog"
title={collapsed ? displayName : undefined}
/>
}
@ -235,7 +235,7 @@ const UserDropdown: React.FC<UserDropdownProps> = ({ onLogout, variant = "navbar
type="button"
className="flex! max-w-[min(200px,34vw)] items-center gap-2 rounded-md! py-0.5! pl-1! pr-2! transition-colors hover:bg-gray-100!"
aria-label={`Account menu — ${userRole ?? "Unknown role"} — signed in as ${userEmail || userId || "unknown"}`}
aria-haspopup="menu"
aria-haspopup="dialog"
/>
}
>