Added WAI-ARIA support, issue #397

[ova2]

I've added a good WAI-ARIA support. See the issue #397. Please accept this pull request. Thanks.

[rajeshduggal]

Thanks @ova2 this is fantastic! I tested it with JAWS 14 and it works great!

[ova2]

Glad to hear that is works with JAWS! I tested with ChromeVox and NVDA. It works really good. We use this in a big internet application.

[dfrencham]

I tested this with the following combinations:

Screen Readers

• Jaws
• NVDA

Browsers

• IE9
• FireFox 26
• Chrome 39

All combinations worked correctly, except for Chrome/NVDA and Chrome/JAWS.

In the case of Chrome when the suggestions first appeared, they were not read out. When I added an additional character, they were read out correctly. Chrome seems to need the content of the "tt-status" span updated to a non empty value, then updated a second time. That triggers the DOM change event in Chrome that JAWS/NVDA use.

I'll see what changes I need to make to get this scenario to work.

[StevenACoffman]

Could this be merged? The one test failure is a quick hit.

[mejsullivan]

Hello I need to suggest an accessible typeahead, my colleague Raj (above) suggested this one, may I ask what the "one test failure" was @StevenACoffman?

[StevenACoffman]

It's trivial. Click the Travis CI build failed details and you see:

(Linux) Typeahead #destroy should revert DOM changes FAILED
    Expected '<input type="text" aria-owns="tt-aed4add3-d4d0-dea4-da72-e344b985cc2a" aria-expanded="false" class="tt-input" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="both" style="position: relative; vertical-align: top; background-color: transparent; " dir="auto">' not to have class 'tt-input'.
PhantomJS 1.9 (Linux): Executed 230 of 230 (1 FAILED)
JS 1.9 (Linux): Executed 230 of 230 (1 FAILED) (1.013 secs / 0.846 secs)

[JoeChapman]

Please can this be reopened?

[kaelig]

I'd love to see this work make it to a release!

[stevenao]

The build is failing on one of the unit tests. Should the unit test be updated in the PR as well?

[nickdenardis]

Any update on this? Would love to have this ability on our website.

[atainton]

Any update on this?

[kaelig]

Note that autocomplete.js (a typeahead.js fork) was made more accessible via https://github.com/algolia/autocomplete.js/pull/148, in case someone wants to use that instead.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}