Adding accessibility to chosen:

[itayadler]

• Added unique_id which is used for ARIA attribtues that require an ID. So now search_field and search_results have an ID
• Added the required ARIA tags for chosen to behave like a combobox
• Tested with Mac OSX Chrome 36 using VoiceOver, now the screen reader is able to read the values in the chosen select box, like it's a SELECT element

NOTE: This is bascially what jQueryUI Selectmenu does related to #2013

[stof]

the Prototype version needs to be updated too

[itayadler]

Updated PR, also ran the build script and checked that the examples work for both jQuery and Prototype

[itayadler]

What's next?

[itayadler]

Bump

[danieleorler]

+1

[itayadler]

Anything else I can do to make this ready for master?

[ndubbaka]

+1

[danieleorler]

any news on this?

[itayadler]

I'm closing this PR as it didn't get any attention.

[tjschuck]

Lack of review doesn't mean there's no value in the PR, just that we haven't gotten to it yet. Reopening so that it can be reviewed when someone has the time and ability.

[wcndave]

Any news on getting chosen to be accessible? An official audit has indicated to us multiple problems, such as flickering when tabbing quickly, no ability to tab out (sometimes) and the field opening the dropdown on focus.

[itshim]

hey, the chosen dropdown is not getting read by the screen reader when it has focus. It says blank on dropdown navigation. I have even tried the approach of this commit. It is still not working.

[yuanyedev]

Hi, I am new to github community and have followed this thread trying to solve the screen reader reading "blank" in the drop down problem in a Drupal 8 project which utilizes Chosen. I modified version 1.8.7 's jquery accordingly and tested well with screen NVDA. Just wondering if there is any plan to integrate similar changes in a new release to make Chosen more 508 compatible. Attached is my modified jquery file. See comments on my modifications.

Thanks,

Yuan chosen.jquery.txt

[brooke-heaton]

Would love to see some attention on this issue. Is accessibility something not value by the maintainers?

[bilalbhojani24]

Hi, I am new to github community and have followed this thread trying to solve the screen reader reading "blank" in the drop down problem in a Drupal 8 project which utilizes Chosen. I modified version 1.8.7 's jquery accordingly and tested well with screen NVDA. Just wondering if there is any plan to integrate similar changes in a new release to make Chosen more 508 compatible. Attached is my modified jquery file. See comments on my modifications.

Thanks,

Yuan chosen.jquery.txt

This worked for me

[obert01]

Hello @bilalbhojani24 and all,

The modified JS proposed in the previous post resolves the accessibility issues I encounter with the current official release of Chosen.

I am blind, and I am using Chrome with either NVDA or JAWS screen readers.

Thank you very much for this work. It's a pity that @harvesthq does not take such an issue into account for the master branch. These accessibility issues have a solution since nearly 9 years now !