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

Improve label for sort order button

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 3.0.6
    • Fix Version/s: 3.0.10
    • 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 label does not convey the purpose of the control.

      Element:

      • "Reverse sort order" button
        Current label: "Reverse sort order"
        Expected programmatic label: "Sort in ascending order"/ "Sort in descending order"

      Location:

      • After the "Created" dropdown in "Search Results" section

      Visually, the button has an up arrow icon, that indicates current sort order as ascending. Also, on activating it, the icon changes to down arrow icon, that indicates the sort order as descending. However, the same information is not conveyed to the screen reader users.
      Recommendation to fix
      RULE :
      Labels MUST be meaningful.

      HOW TO FIX:
      Fix this issue by providing a descriptive label for the control.

      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:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 3 hours, 55 minutes
                  3h 55m