makeup-active-descendant demo

Use ARROW keys to move the active descendant.

For the purpose of demonstration, aria-disabled items are greyed out; hidden items have strike-through (in the real world they would obviously be actually hidden). Disabled and hidden items are included in indexing, but skipped in navigation.


Example 1 - Hierarchical Relationship


Example 2 - Programmatic Relationship


Tools