An invalid aria attribute value was found through running an accessibility test. This instance
can be found with a <div> element being provided with a ‘role’ attribute and an ‘error’
value.
Expected behavior
Ensure that the appropriate roles are used to allow all information to be adequately
conveyed and announced to users of screen reading assistive technologies. The role should
not be set to ‘error’.
Consider changing these to have a role of ‘alert’ if the intention is to have them announce to
screen reader users.
Please conditionally add the element when an error message is to be displayed
Screenshots
Desktop (please complete the following information):
OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]
Smartphone (please complete the following information):
Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]
Additional context
Add any other context about the problem here.
daniele-zurico
commented
2 months ago
Describe the bug Component: FormInput
An invalid aria attribute value was found through running an accessibility test. This instance can be found with a
<div>element being provided with a ‘role’ attribute and an ‘error’ value.Expected behavior Ensure that the appropriate roles are used to allow all information to be adequately conveyed and announced to users of screen reading assistive technologies. The role should not be set to ‘error’. Consider changing these to have a role of ‘alert’ if the intention is to have them announce to screen reader users.
Please conditionally add the element when an error message is to be displayed
Screenshots
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context Add any other context about the problem here.