aria-expanded on typeahead input field breaking validation

[pauldcollins]

Bug description:

Aria expanded false cannot be added to form inputs. It's reserved for certain roles, such as a button or a parent UL on a list. Please see the following links that list the roles it can be used on: https://www.w3.org/WAI/GL/wiki/Using_the_WAI-ARIA_aria-expanded_state_to_mark_expandable_and_collapsible_regions#Description https://www.w3.org/TR/wai-aria/states_and_properties#aria-expanded

Currently the typeahead is breaking accessibility validation when used. The solution is to remove the attribute from the input field, as it isn't required.

Link to minimally-working plunker that reproduces the issue:

https://plnkr.co/edit/?p=preview

Steps to reproduce the issue:

• Right click on any of the input fields
• Look for attribute: aria-expanded="false"

OPTIONAL: To check with validation tools

• Install Chrome Accessibility Tools: https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en
• Open up Chrome Dev Tools > Audits
• Check accessibility, then click the run button
• Look for [Severe] This element has an unsupported ARIA attribute (6) and it lists each input field as being in error.

Version of Angular, UIBS, and Bootstrap

Angular: 1.5.7

UIBS: 2.5.0

Bootstrap: 3.3.7

[moogleberry]

aXe-core reports the same violation for the same reason. That attribute should not be there.

[fanlearning]

any progress on this issue?

[fanlearning]

Found this link may be useful: https://www.levelaccess.com/differences-aria-1-0-1-1-changes-rolecombobox/