aria-activedescendant

ID reference

Lets a single container keep DOM focus while pointing to the ID of the item that is virtually active within it, such as the highlighted option in a combobox popup. It's an alternative to roving tabindex for composite widgets, avoiding actually moving focus between children. The referenced element must be a valid descendant and should stay visible as the active item changes.

aria-activedescendant="…"

Value

The id of another element in the same document.

Used on

Associated roles

application combobox grid group listbox menu menubar radiogroup row searchbox spinbutton tablist textbox toolbar tree treegrid

Example

aria-activedescendant="…"

<input role="combobox" aria-activedescendant="opt-2"
  aria-controls="list" />
<ul id="list" role="listbox">
  <li id="opt-2" role="option">Banana</li>
</ul>

References

WAI-ARIA 1.2 specification
MDN Web Docs