Listbox Button

Readme

Activate the button to open a listbox. Listbox-Button is an ARIA and JavaScript alternative to HTML's select element; allowing custom HTML and custom styling.

This example imports skin and makeup for base styles and behaviour respectively. Please read the documentation for further developer guidance.

NOTE: in these examples the button itself always contains a permanent accessible "label", but there are also other alternate ways to satisfy labelling requirements.


Manual Selection

ARROW KEYS move the active descendant. SPACEBAR key is required to manually change the selected state.

Unselected

Selected


Automatic Selection

ARROW keys move the active descendant and automatically updated the selected state. This behaviour is similar to a radio button group.

Unselected

Selected


Updated: Aug 20th, 2021