Add ARIA attributes to Inputs

Is your feature request related to a problem? Please describe. We want to be able to grab/access invalid input elements in the DOM and (automatically) scroll the input into view.

Describe the solution you’d like Add aria-errormessage and aria-invalid attributes to input elements. Such that if inputs are invalid we have aria-invalid="true" otherwise aria-invalid="false"

Describe alternatives you’ve considered A previous approach was to look for element/class names which could easily break the implementation if either of those gets updated

Additional context This is in relation to this PR which is to automatically scroll to error fields when users submits an invalid form.

[emmenko]

Yes sorry I wasn’t so clear.

The aria attributes will go to the input but also the error field message should have the correct identifier to be referenced by the aria-errormessage attribute.

[tdeekens]

Thanks for the issue. Upon first glimpse I guess we could add aria labels based on the hasError prop. We however don’t seem to have a error message at hand in the component so we could allow forwarding it.