-
Type: Bug
-
Status: Open
-
Priority: Major
-
Resolution: Unresolved
-
Affects Version/s: 3.0.6
-
Component/s: A11y
-
Tags:
-
Sprint:UI - 2023-3
Related to WCAG level A criteria 3.3.2
https://www.w3.org/TR/WCAG20/#minimize-error-cues
Description
No visual label is present and the purpose of this field is not clear without a visual label.
Element name:
- Add tags to this document edit field
Location of the elements: Edit fields, under the "Tags" heading, in the "Details" section, in the main content.
Recommendation to fix
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
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.
- clones
-
ELEMENTS-1587 Add a label to tags and comments input fields
- Resolved
- is related to
-
ELEMENTS-1607 Fix nuxeo-tag-suggestion adding additional label
- Resolved