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
🐛 Bug Report
The
error-visibleattribute 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
aria-invalid="true"on the accessible element whenerror-visibleis set on the host elementerror-visibleis set anderror-textis non-empty, setaria-errormessageto theidof the element with the error textaria-liveon the error text element🔦 Context
Came up during research for the required input feature. See https://github.com/ni/nimble/pull/2425#discussion_r1785056374