Details
-
Improvement
-
Status: Closed
-
Minor
-
Resolution: Fixed
-
4.1
-
MOODLE_401_STABLE
-
MOODLE_402_STABLE
-
MDL-76246-master -
-
10
-
Team Alpha - Sprint 2, Team Alpha - Sprint 1 I1-2023
Description
As the search widgets act more as a select element rather than a menu we should do the following:
Structure
- Add role="combobox" to the elements that trigger the dropdown (data-toggle="dropdown")
- The .searchresultitemscontainer element should have role="listbox" instead of "menu" (same for the .unsearchablecontentcontainer element)
- The items within the "listbox" element should have role="option"
- The trigger element (data-toggle="dropdown") should have a data attribute that references the selected option (e.g 'aria-activedescendant' as defined in theme/boost/amd/src/aria.js)
- The selected option should have data-selected="true" attribute // grep for this MDL as the webservices have some bootstrapping done
Keyboard interaction
- The search input should be active and remain active even when navigating through the listbox elements.
- We need to enable keyboard navigation (using arrow keys) through the items where the starting point is the selected option.