The aria-describedby and aria-invalid properties have been placed in the wrong location. They should be on the input (
, etc.) however they have been placed on the container
AC 1 - aria-describedby
Given I'm an anonymous user
And I'm using screen reading technology
When I submit a form and there is an error in the submission
Then the aria-describedby attributes is within the input element (,
, )
And it should reference the ID of a valid descriptive text element.
AC 2 - aria-invalid
Given I'm an anonymous user
And I'm using screen reading technology
When I submit a form
And there an invalid input value
Then the aria-invalid attribute should be placed on the input element (,
, )
And it should be set to "true" to indicate the invalid state.
Active
1.10
Code