vscode-webview-ui-toolkit
vscode-webview-ui-toolkit copied to clipboard
[Accessibility Issue] VSCodeTextField not supported for aria-describedby because of shadowHost
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.