search

LeaVerou / awesomplete

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
http://leaverou.github.io/awesomplete/
MIT License
6.96k stars 611 forks source link

Missing label on "listbox" UL generated by Awesomplete #17200

Open heatherpekrul opened 5 years ago

heatherpekrul commented 5 years ago

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:

  1. 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
  2. Plucking the text from the associated label and using it inside aria-label or title on the listbox
  3. 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
drmenzelit commented 11 months ago

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 :-)