-
Bug
-
Resolution: Duplicate
-
Low
-
None
-
4.20.0
-
Severity 3 - Minor
-
Issue Summary
Images must have alternate text
Tested URL
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Fix Information
RULE :
Labels MUST be visible
HOW TO FIX:
Fix this issue by ensuring that the form field has a visible label and it is always visible.
Ensure that the label is programmatically associated with the form fields via the label/for technique or ARIA attributes.
REFERENCE:
Deque University: https://dequeuniversity.com/class/forms2/labels/visibility
Deque University: https://dequeuniversity.com/class/forms2/labels/placeholder-text
W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/forms/
BACKGROUND:
Filling out forms correctly can be one of the more time consuming and frustrating online user experiences, and it can be even more challenging for people with disabilities. The single easiest way to prevent user errors is by providing clear labels and instructions that are available to everyone at all times. Labels and instructions should: 1) be clear and informative, 2) disclose any constraints such as required data formats or ranges, and 3) identify required fields. Well-designed labels and instructions provide enough information so people can fill out forms without undue confusion or errors.
Screenshot
Unable to render embedded object: File () not found.
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 745531
Bulldog Ref:
- is duplicated by
-
-
- Closed
-