Uploaded image for project: 'Nuxeo Elements'
  1. Nuxeo Elements
  2. ELEMENTS-1611

Add a label to tags and comments input fields

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 3.0.6
    • Fix Version/s: 3.1.x, 3.0.x
    • Component/s: A11y

      Description

      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.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated: