GeezerVison

The "Login type" options on the Create user page announced only their short label ("Password", "GitHub", "Service account"). The description under each option, which is what tells the user what the login type does, was left out. Each option is now labelled by both its label and its description, for example "Password Use an email address and password to log in."

Radix Select.Item sets aria-labelledby to its ItemText id and lets props override it. So the item now points at its own ItemText id and the description id, both built from useId(). The trigger still shows only the short label as its value, and typeahead still matches the label.

Closes DEQ-558

Verified with axe-core 4.11 on pages/CreateUserPage with the listbox open. Before, the options were named option "Password", and so on. After, they are named option "Password Use an email address and password to log in.", and so on, with the Premium notice included for the disabled service account option. The trigger is still combobox "Login type": Password. The only violation, aria-hidden-focus on #storybook-root, also shows on main: it is Radix hiding the page behind the open select. The updated Vitest test fails on main and passes here. The e2e helper's getByRole("option", { name: "Password", exact: false }) still matches only the Password option.

🤖 Generated by Coder Agents on behalf of @chrifro.