Make it more obvious to users that their todo has been marked done as intended
Problem to solve
I am assuming this issue will be improved when we implement toasts, but I wanted to record it.
1.4.1 Use of Color: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A)
When a users has dismissed a todo, we indicate this by lowering the opacity of the information itself and changing the status of the button to "undo" with a slightly different grey shading. It may be hard for many users to differentiate between these two states (especially if they are hovering), which could lead to frustrating clicking and trial and error to understand what exactly the status of their todo is.
- Use toasts according to the guidelines
- MVC- add "Marked as done" text or icon near the "undo" button Question for later research: What terminology do users use here. Is it "Done" or "Dismissed"? Something else?
- Automatically refresh the todo list after a number of seconds functionally removing the todo from the list (this may be a strange experience- do we need a full page reload? Why don't we dismiss them from the list currently?). In general since we have a "done" tab, I am not as concerned about letting erroneous dones pass through.
- Make differences in button states more obvious.