Re: accessible autocomplete

Yes, it seems to buggy as per https://caniuse.com/#search=datalist and you
might need a polyfill that should address issues with major browsers.  In
some browsers it has issues with input types other than text like numbers,
emails etc.. And also check browsers you need to support. Test it
rigorously before using.

 https://github.com/mfranzke/datalist-polyfill

-Ashraf

On Wed, Mar 20, 2019 at 1:01 AM Tobias Bengfort <tobias.bengfort@posteo.de>
wrote:

> Just for completeness sake: There is the native <datalist> element for
> this. Unfortunately, it is still not available or buggy in some
> browsers. I am also not sure if the existing implementations are
> accessible. But at some point in the future this should be the way to go.
>
> tobias
>
>
> On 20/03/2019 03:13, Michellanne Li wrote:
> > Hello all,
> >
> > I'm wondering if anyone has a preferred method or plugin for creating
> > accessible form input fields with autocomplete. To be clear, I understand
> > that you can simply use the autocomplete attribute, but I'd like to take
> it
> > a step further and provide a list of suggestions, like this demo from W3
> > Schools on How to Create Autocomplete
> > <https://www.w3schools.com/howto/howto_js_autocomplete.asp>.
> >
> > I've used chosen.js <https://harvesthq.github.io/chosen/> in the past,
> but
> > my research indicates that it still has usability issues with AT.
> >
> > Thanks so much!
> >
> > Michellanne Li
> > (512) 718-2207
> > http://www.michellanne.com
> >
>
>

Received on Wednesday, 20 March 2019 16:21:33 UTC