Support custom attributes

[kimisgold]

I'm looking to provide aria labels for chosen's text inputs to satisfy WCAG accessibility requirements, like in this issue in the original repository.

Steps to reproduce

1. Install the WAVE extension for Firefox or Chrome.

2. Run the extension on the Chosen demo page.

3. You should see all the form elements that require labels.

Expected behavior

I would love for an aria label applied to the original select carry over to the text input. Alternatively, I could pass a specific string to the Chosen call to label the text input, i.e. "Find options via autocomplete".

[Doogal666]

Me too. Some way to add an aria label would be great. It looks like it is currently making some effort to copy across aria-label. If I set it on the select, the input has aria-label="[object Attr]" added, so it's trying to do something, just not quite getting it right. But the ul also needs an aria-label and, perhaps more problematic, the ul should have children

[JJJ]

I would love for an aria label applied to the original select carry over to the text input.

I see what you mean!

If we got the aria labels sorted out, would that help mitigate the need for custom attributes?

My thinking is that we'd need to build some kind of API to map attributes from the native select to many of the Chosen HTML elements, and that ends up being kind of a lot?

[kimisgold]

That would certainly help, though I'm a little concerned about cases where other aria attributes need to be used, like contexts for aria-labelledby or aria-describedby. I'm sure there are use cases I'm missing. I get the complexity involved in mapping all attributes from the native select though, so starting with this selection would be a big improvement.