core / makeup-active-descendant

Implements ARIA active descendant keyboard navigation. Focus stays on the owner element while aria-activedescendant communicates the current item to assistive technology.

For demonstration purposes, aria-disabled items are greyed out and hidden items have strike-through. Both are included in the index but skipped during navigation.

Hierarchical relationship

The focusable element is an ancestor of the items. Focus the list and use arrow keys to navigate. aria-activedescendant is set on the list itself.

Programmatic relationship

The focusable element is not an ancestor of the items. The module adds aria-owns to link them. Focus the text input and use arrow keys to navigate. The button next to the input uses ignoreByDelegateSelector — arrow keys while focused on it do not trigger navigation.