Invalid form controls should have the word "invalid" as part of the effective label.
Best Practice Type: Manual Check
Invalid form controls should have the word “invalid” as part of the effective label.
- For form controls with effective labels calculated from label or legend elements, the word “invalid” can be included using one of the following techniques:
- Use an img element with the alt attribute content that includes the word “invalid”.
- Include the word “invalid” as part of the label or legend element content.
- Use the * or other special character with an abbr element, and include the word “invalid” as part of the title attribute content of the abbr element. Example: *
- For form controls with effective labels calculated from the title attributes, the word “invalid” can be included as part of the title attribute content.
Associated Accessibility Guidelines and Standards
|IITAA||10.1 Provide labels or titles for all form fields.||Required||Violation|
|Section 508||1194.22 (n) When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.||Required||Violation|
|WCAG 1.0||12.4 Associate labels explicitly with their controls.||Required||Violation|
|WCAG 2.0||3.3.2 Labels or Instructions: Labels or instructions are provided when content requires user input.||Required||Violation|
- Using WAVE Toolbar for Testing Accessibility of Form Controls
- Using AIS Web Accessibility Toolbar to Check Form Control Labeling
- Using WAVE to Test Accessibility of Form Controls
- Testing Form Control Labeling with FAE
- Testing form control accessibility with Firefox Accessibility Extension