Talk back does not work for autocomplete on firefox
In my website i have used auto complete functionality for suburb and i want to implement accessibility in my web site. When viewing the web site on an android mobile in accessibility mode i am not able to achieve the below while using Talk Back
1. Talkback does not read the dropdown values in the autocpmplete 2. I am not able to select any value in the drop down.
Valgt løsning
How are you coding the auto-complete? Do they get states and properties like I describe in this blog post? Or at least something similar? Also, it is important that you insert the auto-complete items near the actual input, not at the end of the document, because the screen reader will always use the HTML order, not the CSS generated visual layout.
Les dette svaret i sammenhengen 👍 0All Replies (6)
I turned on Talkback to see if I can reproduce this, I understand that when I turned it on the following cannot be turned on at the same time: air gesture, aire view, assistant menu, smart screen, interaction control. multi window, turn off all sounds, direct pen input, palm motion and one-handed operation.
In the url bar there is no autocomplete, but if you tap over the suggestions on the newtab page that is below it will read the highlighted suggestion. However for elements in an html page I could not highlight or select the dropdown menu items as well.
Is this an android bug as well?
I filed a bug just in case: https://bugzilla.mozilla.org/show_bug.cgi?id=1052903
Valgt løsning
How are you coding the auto-complete? Do they get states and properties like I describe in this blog post? Or at least something similar? Also, it is important that you insert the auto-complete items near the actual input, not at the end of the document, because the screen reader will always use the HTML order, not the CSS generated visual layout.
Can you provide exact steps, e. g. which web site did you use, what did you enter, etc.?
I am trying to use an JSF Automplete component in my application.
http://www.primefaces.org/showcase/mobile/autoComplete.xhtml;jsessionid=qmjmvysji4na17t3d267vyy7g
This does work on firefox on android , however, when talk back is on this does not even open and no values are read
I just checked out this component in Firefox for desktop, and it does not employ real accessibility features. For components to work well in Firefox and TalkBack, they need to follow certain accessibility standards. This component you were trying to use, does not.