[Accessibility Issue] VSCodeTextField not supported for aria-describedby because of shadowHost

[ShiweiGe1999]

Feature request

VSCodeTextField is using a shadowHost mechanism to render. It seems like that the component will parse the text content of Children to aria-label. If the form has validation error for this textField, there's no way to reference the error content to text Field with aria-describedby because shadowRoot is hidden from main DOM tree.

Expected behavior

Maybe have additional slot for error message to provide additional accessibility to text-input by using aria-described

Current behavior

the component will parse the text content of Children to aria-label of <input />

Use case

if the textField having form validation error, there should be a way to provide additional aria content to the <input /> with validation error.

Screenshots/references

[hawkticehurst]

Hey @ShiweiGe1999, thanks for the heads up! Unfortunately, the toolkit will be formally deprecated/sunset tomorrow.

In case you haven't seen it, here's the announcement from July that contains more details and some conversation amongst the community for alternatives.