You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Unfortunately, the actual select element (or rather the div that represents the select) is not properly identified as disabled and, as a result, tools like Accessibility Insights for Web complain that color contrast requirements are not met. Color contrast requirements do not need to be met for disabled controls, but tools are not seeing the select as disabled because it is not marked up properly.
This can be solved by added aria-disabled="true" to the control--is--disabled node.
The text was updated successfully, but these errors were encountered:
When
isDisabled
is set totrue
, thedisabled
attribute is correctly added to the<input>
element that makes up react select.https://codesandbox.io/s/codesandboxer-example-forked-dsc99j
Unfortunately, the actual select element (or rather the
div
that represents the select) is not properly identified as disabled and, as a result, tools like Accessibility Insights for Web complain that color contrast requirements are not met. Color contrast requirements do not need to be met for disabled controls, but tools are not seeing the select as disabled because it is not marked up properly.This can be solved by added
aria-disabled="true"
to thecontrol--is--disabled
node.The text was updated successfully, but these errors were encountered: