project-flogo/flogo-web

Enhance keyboard accessibility

fcastill opened this issue · 0 comments

fcastill commented

Environment

How are you running Flogo Web?

  • Docker (Specify the docker image that you're using and the command you used to start the container)
  • Other (Provide details of your environment)

Describe the bug

Keyboard navigation is implemented inconsistently across the app.

How has this issue affected you? What are you trying to accomplish?

A lot of people navigate the app using their keyboard only. Some people have no choice but to use the keyboard, and some people prefer to use the keyboard to work more efficiently.

More info on web accessibility: https://webaim.org/techniques/keyboard/

To Do

  • Modals should be closed by pressing the esc key TIBCOSoftware/flogo#545

    • Task/stage configurator
    • Trigger configurator
    • Branch configurator
    • Add trigger modal
    • Contribution install modal
    • Resource input/output configuration modal
    • Delete(resource/task/trigger/branch) confirmation modal
    • Help menu

  • Install contribution modal - Trigger contrib installation on enter

  • Add a keyboard trap in the close confirmation for trigger so tabbing cycles through close, continue, save and discard. Currently the focus is set in the fields behind the confirmation modal.

  • -- List other issues to fix --