A plugin to turn a normal select element into an accesible autocomplete.
select element into an autocomplete. It is only 6KB minified and doesn‘t have any dependencies. It comes with some default styles, but provides markup that can be easily customized if needed. It was built with accesibility in mind and makes full use of ARIA attributes and roles to be screen reader friendly.
Include the styles in the head of your document.
<link rel="stylesheet" href="https://npmcdn.com/select-combobox/dist/combobox.css">
Include the script at the bottom of the body.
Add a new
<select> element with the class
Make sure your select is wrapped in a container and it has a label within that container.
<div><label for="example">Example</label><select id="example" class="autocomplete"><option value="1">Option one</option><option value="2">Option two</option><option value="3">Option three</option></select></div>
npm install && gulp