The new activity card proposed for 4.3 uses new interactable icons to replace the previous togglers. For example, in Moodle 3.9 clicking the group icon toggles the activity group mode without providing any description of the available options and without warning the user that the action will change the behaviour of the activity.

That kinds of icons were removed in 4.0 due the UX problems. However, one of the conclusions of the last UX research about activity cards proves those icons are needed but with a different usability approach.

The new approach defines that clicking on the icon will open a sub panel with the available options and that each option must also display a small description.

This task is about investigating the technical solutions for this reusable UI component.

Technical shaping

One possible approach is to use the HTML "dialogue" tag. This tag is quite new but implements many of the accessibility issues needed for that kind of panel.