Uploaded image for project: 'Nuxeo Web UI'
  1. Nuxeo Web UI
  2. WEBUI-510

Make label meaningful for date picker element

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 3.0.6
    • Fix Version/s: 3.0.20
    • Component/s: A11y

      Description

      Related to WCAG 2.1 level AA criteria 2.4.6
      https://www.w3.org/TR/WCAG21/#headings-and-labels

      The programmatic label does not convey the purpose of the control. The programmatic label and visual label do not convey consistent information.

      Where to see
      "From" and "To" date fields under the document "History" tab
      "Expires" date input in the default Document creation / edit form

      Note: Currently it is being announced as "Calendar edit blank"
      Recommendation to fix
      RULE :
      Labels MUST be meaningful.

      HOW TO FIX:
      Fix this issue by ensuring that the programmatic label for the control correctly conveys the purpose of the control. Generally, the programmatic label and the visual label should match.

      REFERENCE:
      Deque University: https://dequeuniversity.com/class/forms2/labels/meaningful

      BACKGROUND:
      When form fields or interactive controls have vague or misleading labels, people may not understand the type of data expected or what a control will do if activated. This is especially true for people with cognitive disabilities and people who are blind and use a screen reader. Both the visible and the programmatic label must sufficiently describe the purpose of the form field or control. Descriptive labels give people confidence when filling out a form or using interactive content and help prevent mistakes.

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved: