Accessibility issue

[jting961]

Hello, we had been using this for our projects but recently had an accessibility consultant with visual impairment test the accessibility of this tool. This was using the latest version. The findings indicate that Dropkick is not an accessible solution. We have included the results of the testing below.

• These dropdowns don't have a label. They say "choose one" but it is unclear from what the user is choosing.

• With JAWS and IE, the first item is read, then the currently-selected item, then the first item again. So the user will hear "Choose One" and "Georgia" together.

• With JAWS and Firefox and JAWS and chrome all reads fine.

• With NVDA and Firefox all reads fine.

• With NVDA and Chrome, the user gets double-speak (every option is read twice).

• With NVDA and IE, the dropdown appears sluggish so the user has to wait for half a second before hearing anything at all.

• With voiceover on iOS, all reads well enough, but it doesn't appear as a standard picker (while this is not a deal-breaker, it is not expected behaviour).

Thank you for your time, hope this helps!

[KiwiPaisa]

This issue is also causing accessibility errors in Chrome's Lightbox and a potential SEO impact.

This can be improved by adding the below two lines after the line: "aria-live": "assertive",

"aria-expanded": "false", "aria-haspopup": "listbox",

This still leaves the below error though:

Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.
Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions.