Combobox accessibility · Needless UI

Keyboard interaction

Key	Action
`Down and up arrows`	Open the list, then move through the options.
`Page Down and Page Up`	Move ten options.
`Enter`	Choose the active option.
`Alt + down or up arrow`	Open or close the list.
`Escape`	Close the list; then clear the text, or the value when it’s clearable.
`Backspace`	In an empty field, remove the last chip.
`Left arrow`	From the start of the text (right arrow in right-to-left text), move into the chips. There, Backspace or Delete removes a chip.

The text field is a combobox with aria-autocomplete="list", aria-expanded and aria-controls. Focus stays in it, and aria-activedescendant points at the active option.
Chips are a named list, and each remove button is named after its chip, such as “Remove Italy”.
“No matches” and the loading row are status messages, so screen readers announce them.
Keys that confirm an input method composition, as for Chinese or Japanese, are left to the input method.