Shortcuts Assignment Consistency Update

[joshuajames-smith]

Problem

There is an inconsistency with how we handle shortcut assignment and display shortcuts in tooltips which should be improved to give a useable, consistent UX. gliff-ai/annotate#415 handle implementing an update towards this feature, but some tools have a shortcut assignment but do not display shortcuts in their corresponding tooltips. Examples below:

Similarly, the shortcut dialogue menu is currently an undesigned list with no easy way to access (it seems to only appear when the platform is used on a tablet device?). So this also requires a design to match the UI and improve the UX.

Solution

Below is a list of issues created in each repo for implementation in order of what the process order may be best:

• Add Shortcuts Icons style#86
• Update Shortcuts annotate#653
• Update Shortcuts curate#335
• Update Shortcuts audit#130
• Update Shortcuts manage#269
• Add Shortcuts Dialogue and Update Shortcuts dominate#553
• Create Shortcuts Documentation Article support#32

Closes gliff-ai/annotate#421.

Considered Alternatives

N/A

Additional Context

In the future, we may want to expand on this to offer touchscreen / tablet interactions. Adobe Fresco is a good point of reference for this.

Further reading:
https://knock.app/blog/how-to-design-great-keyboard-shortcuts
https://w3c.github.io/aria-practices/#keyboard