Listbox Button


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.



Automatic Selection

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



Updated: Aug 20th, 2021