Revamp content file management in the edit modal

[bjester]

Overview

Give users an option to download a resource and simplify the UI of file management to minimize confusion with the additional download feature

Desired behavior

Each uploaded file should have a menu, which allows the user to:

• Replace the file (upload a new file)
• Download the file
• Remove the file, if and only if, there's at least on other file already uploaded

Besides the existing behavior of 'Select file', there should be no linked text in the file radio items, only the meatball menu. If the user clicks the meatball menu icon button, it should not activate the file's radio option.

Current behavior

Users are currently able to:

• Replace a file, by clicking the link containing the file name
• Remove the file, if and only if, there's more than one file already attached, by hovering over the entry and clicking the (X) icon

Value add

The existing filename link used to replace a file is easily confused with the ability to download it. By adding a dedicated option, we will now support downloading the files but also simplify the existing interface to reduce that confusion

Possible tradeoffs

Accessibility should be considered. Currently, it is navigable but it is unlikely that it operates correctly. The new version should likely focus on the whole item first, before focusing the radio control, so the flow of information screen readers see produces the context of the file before the selection. Also, presumably the menu should be accessible between the two.

[bjester]

This needs clarification on what the intended accessible behavior should be.