Setting error-visible should also set aria-invalid and potentially aria-errormessage

[m-akinc]

🐛 Bug Report

The error-visible attribute controls the presentational aspect of a component being in an error state. Besides the visual aspects of that presentation, it should also manage the ARIA attributes to communicate that accessibly.

💁 Possible Solution

• set aria-invalid="true" on the accessible element when error-visible is set on the host element
• if error-visible is set and error-text is non-empty, set aria-errormessage to the id of the element with the error text
• possibly set aria-live on the error text element

🔦 Context

Came up during research for the required input feature. See #2425 (comment)