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.
- clones
-
WEBUI-505 Provide differentiated labels for search buttons
- Resolved
- is cloned by
-
WEBUI-508 Make labels for grid actions meaningful
- Resolved
- is duplicated by
-
WEBUI-911 In list view, make sort buttons announced by the screen reader
- Resolved
- is related to
-
WEBUI-911 In list view, make sort buttons announced by the screen reader
- Resolved
-
NXDOC-2424 Translate new labels for sorting data in nuxeo-data-table
- Resolved
- Is referenced in