aria-invalid="true" missing for ComboBox in case of error #33428
Replies: 1 comment
-
We meanwhile implemented a workaround for this issue using the ComboBoxes autofill for setting aria-invalid at the inner input field of the ComboBox corresponding to the presence of an error. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
We are currently facing accessibility issues when using the errorMessage property of a ComboBox most likely since the rendering result does not set aria-invalid="true" in case we provide an error message. This results in JAWS not pointing to the error situation clearly in all navigation cases.
You can check this easily here:
https://developer.microsoft.com/en-us/fluentui#/controls/web/combobox
Just scroll down to the example with an error message and check the render result.
Comparing the ComboBox with the TextField and the Dropdown I observed that all three controls use aria-describedby to link to the error message and the error message part has role="alert" set.
But while the TextField and Dropdown also set aria-invalid="false" or "true" depending on the existence of an error message, the ComboBox does not do this.
Any suggestions on this or when it's planned to resolve this?
Also one minor remark is, that the error in case of a TextField is encapsulated in a
<p> </p>
while in the other cases it's a div.Beta Was this translation helpful? Give feedback.
All reactions