Difference between revisions of "In-line Error Association"

From Level Access Web Labs
Jump to navigation Jump to search
Line 17: Line 17:
 
                 <form>
 
                 <form>
 
                         <label for="firstName">Please enter your first name: </label>
 
                         <label for="firstName">Please enter your first name: </label>
                         <input type="text" id="firstName">
+
                         <input type="text" id="firstName" aria-describedby="firstNameError">
 
                         <br />
 
                         <br />
 
                         <span id="firstNameError" style="display: none;">Error: Please enter a name.</span>
 
                         <span id="firstNameError" style="display: none;">Error: Please enter a name.</span>

Revision as of 20:03, 14 February 2018

Page for testing in-line error messages.

In-line Error Association Testing

Sample Form

Activate the Submit button to toggle the in-line error.