Related to WCAG 2.1 level AA criteria 2.4.6
The label does not convey the purpose of the control.
- "Reverse sort order" button
Current label: "Reverse sort order"
Expected programmatic label: "Sort in ascending order"/ "Sort in descending order"
- 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
Labels MUST be meaningful.
HOW TO FIX:
Fix this issue by providing a descriptive label for the control.
Deque University: https://dequeuniversity.com/class/forms2/labels/meaningful
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.