vscode-webview-ui-toolkit icon indicating copy to clipboard operation
vscode-webview-ui-toolkit copied to clipboard

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

Open ShiweiGe1999 opened this issue 1 year ago • 0 comments

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

image image

ShiweiGe1999 avatar Sep 05 '24 14:09 ShiweiGe1999