awesomplete
awesomplete copied to clipboard
Missing label on "listbox" UL generated by Awesomplete
I'm using the Axe Coconut Chrome extension (https://chrome.google.com/webstore/detail/axe-coconut/iobddmbdndbbbfjopjdgadphaoihpojp?hl=en) to test for accessibility and ADA compliance, and I'm seeing an issue being raised on the UL generated by Awesomplete with the role "listbox". Here is the error:
ARIA input fields have an accessible name To solve this violation, you need to:
- Fix at least one (1) of these issues:
- aria-label attribute does not exist or is empty
- aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
- Element has no title attribute or the title attribute is empty
Possible solutions:
- It seems like the least repetitive experience for the user would be to use aria-labelledby on the listbox and have it point back to the label associated with the input element
- Plucking the text from the associated label and using it inside aria-label or title on the listbox
- Allowing another attribute to be passed through to Awesomplete via the input, similar to how the data-list works, and then using that inside a new attribute aria-label or title on the listbox
Hi, has this issue been solved by #17203 ? And are there plans to make a new release soon? Since the Joomla project is using this library, we are interested on an upstream solution :-)