Aria Roles - Screen Reader support about autocomplete HOT 18 CLOSED

Thanks for the fast answer. We'll investigate with @SiTaggart to come back with a satisfactory answer!

from autocomplete.

I'm on Ubuntu :)

from autocomplete.

That is awesome. Thanks a lot for putting time and energy into it, this is an important step forward both for autocomplete.js, but also for our own education inside the team, and what we'll do on other projects.

from autocomplete.

Thanks for the suggestion. I'd love to have this support as well, but I have no experience in this field and have trouble understanding what the PR is doing.

Could you give me a bit more details about the end result (which attributes to add on which elements) so I can see the best way to add it to the lib?

from autocomplete.

Maybe this sitepoint article on accessible web components (multi-select) can help a bit as well.

from autocomplete.

Thanks. I've read the article and see what I can do about it. Any help greatly appreciated here :)

from autocomplete.

I can help do some testing with Safari & VoiceOver. We also have a blind quality engineer who can help tell us if this is usable.

from autocomplete.

making search on our site virtually unusable for screen reader users.

@kaelig Could you share your website address, so I have a real-world example on which to test?

from autocomplete.

@pixelastic we're going to release search on www.lightningdesignsystem.com very soon. For this first release we're going to hide the search form away from screen readers.

from autocomplete.

I'm working on an Ubuntu machine and tried to install ChromeVox as a Chrome extension, but it just freezes and kill my browser. I'm going to try other screen readers on Ubuntu, but any suggestion on which one I should use are welcome.

Edit: Nevermind, it was because I was using Chromium. Works well with Chrome and ChromeVox, I'm seeing a few issues already.

from autocomplete.

I pushed a branch with part of the improvement of the PR on typeahead here : https://github.com/algolia/autocomplete.js/tree/fix/voice

I have only added basic roles (combobox/listbox), setting the aria-expanded based on the dropdown visibility and linking the aria-activedescendant to the id of the actual selected suggestion.

I'll now have to add the support for reading the hint, but I wanted to push that first to let you test it.

@redox: I failed to understand how to test the features I was adding, so I wrote down in pseudo-code the tests to write in TOTEST.txt. I'd like a few pointers on how to test that the correct attributes are set on the various elements, at startup, when typing and when selecting a suggestion. Not sure if it goes in unit or integration testing.

from autocomplete.

Hey team, I was also asked about ARIA support which is a requirement for all government domains.
Do we have an ETA of where we are actually and what we should do here? Is someone working on this?

from autocomplete.

Any updates on this?

Maybe I can help. Let me know, and I'll ask my manager to allow me to spend a few days on making it accessible.

from autocomplete.

@kaelig I bet this would be appreciated, since this ticket has a label "help wanted" and "pull request welcomed" attached (though I think you want official confirmation before starting, since you likely are already aware of the labels).

from autocomplete.

@kaelig help is definitely welcome if this is something you can provide :) I'll be happy to merge any PR 👍

from autocomplete.

@kaelig Help would be more than welcome. I started something on https://github.com/algolia/autocomplete.js/tree/fix/voice where I integrated most of the fixes mentionned in the linked blog post. I have not really tested it as I have no screen reader available, though. And the commit is a bit late in the history now, but it should give you a great starting point.

Let us know if you need anything else. It has been some time since I worked on that but I might still help if needed.

from autocomplete.

@pixelastic That's awesome! If you are on Windows 10 or macOS you have access to a screen reader by default in the OS. If you're a Linux user it's a bit more complicated.

Let me ask my manager, I'll get back to you about this.

from autocomplete.

For those who haven't followed - autocomplete.js is now accessible to screen reader users!

from autocomplete.