Add a tour for the ECA edit model page

Created on 3 January 2023, over 1 year ago
Updated 3 March 2024, 6 months ago

Problem/Motivation

At the moment the onboarding for screen reader users, aside the general a11y related issues upstream, to communicate the basic concepts of ECA and BPMN, is sort of challenging - it is simply difficult near to impossible to orient and grasp the general basic structure without any visual queues. An aspect that is even potentially an issue for some sighted users.

Steps to reproduce

Proposed resolution

ECA model tour (route: entity.eca.edit_form):

  1. whole toolbar in focus
  2. hand tool icon in focus
  3. lasso tool icon in focus
  4. space tool icon in focus
  5. connection multi icon in focus
  6. start event icon in focus
  7. gateway icon in focus
  8. task icon in focus
  9. whole property panel in focus
  10. property panel general section in focus
  11. property panel documentation section in focus
  12. property panel extension property section in focus

=> there are two problems first i dont know if and how to expand a section in the properties panel. if i target a selector of a field inside a collapsed section the tip isn't expanding the section nor it is shown. the other problem it is probably also impossible to provide tips for elements of a model? if one is creating a new model and hits the tour button right after only the toolbar and properties panel would be covered the canvas would be empty without any components on it yet. would it make sense to ship eca with one demo model out of the box? then it might be possible to target specific elements for that model - because the model name as well as the elements of that model are known and the tour wouldn't be shown for each and every model?
=> adding a tip for the element template chooser is also tricky to accomplish first the button to open the template chooser is hidden in a collapsed section and second to reach the chooser it is also necessary to click the aforementioned inaccessible button.

Remaining tasks

User interface changes

API changes

Data model changes

Feature request
Status

Postponed

Version

1.1

Component

User interface

Created by

🇩🇪Germany rkoller Nürnberg, Germany

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024