Accessible auto-complete

A select can be enhanced into an accessible auto-complete via JavaScript. Amplify uses the Accessible autocomplete NPM package, and there are a number of example customisations which can be followed.

Follow the default markup for a select, making sure to give it a unique ID which can be referenced in the JavaScript.

Country

Considerations

Note the link to a specific JavaScript file for the auto-complete functionality.