Visual Example
Search Default
...
Suggestion/Popup List ExpandedRequired Form Control
...
Invalid Form Control
...
Acceptance Criteria
As a screen reader and keyboard only user I should:
...
| Code Block |
|---|
<form novalidate> <label for="namefname">>First Name:</label> <input id="namefname" required aria-invalid="false"> </form> |
...
| Code Block |
|---|
<form novalidate> <label for="namefname">>First Name:</label> <input id="namefname" required aria-describedby="namefname_msg" aria-invalid="true"> <span id="namefname_msg">Please enter your first name.</span> </form> |
View HTML, CSS and Javasript Code
...