Forum Discussion
Making buttons not clickable once they have been clicked
It sounds like you can't use the Disabled state. Instead, you could put a transparent shape over each button. Set the Initial state of those states to Hidden. At the appropriate point (for example, when the user clicks their selection from the drop-down), have a trigger that changes the state of the transparent shape to Normal. That will prevent further clicking on the button below it.
Worked like a charm!
I hate to admit it, but I wasn't thinking about accessibility factors back when I wrote that reply. Yes, a transparent shape works to prevent someone from clicking a button. However, it doesn't prevent someone from accessing the button underneath with their keyboard.
Thus, it's best to use the Disabled state when a button should no longer be clickable. Otherwise, the entire interaction may need to be redesigned so it works properly with a mouse or a keyboard.
I feel your pain on accessibility. We have been down that road and you can check all the boxes and still come up short. But your innovative solution certainly helped us out, instead of having to do hours of more solution searching! Thanks for your contribution and knowledge!
