Forum Discussion
Problems with states: "visited" state doesn´t work
I have a slide here with tabs interaction and the corresponding layers. The buttons are assigned with the following states: Normal, On Mouse Touch and Visited. But unfortunately the visited state doe...
Hi JuliaGottsch928 just to add my 2 cents. Placing a semi-transparent shape over the buttons isn't good for accessibility as it only blocks people who use a mouse from accessing the buttons. People using keyboard to access the content will still be able to access buttons under a semi-transparent shape.
The way the content is structured also causes some issues for accessibility, which can be easily resolved. On each layer, you have duplicated the buttons. I don't think this is necessary, as the buttons are present on the base layer, which can be used when the other layers are opened.
To prevent users from selecting the buttons temporarily, you would have to either:
- Set the buttons to a disabled state temporarily, or
- Use a variable to determine if the button will either a. Show the target layer, or b. Display a message saying the button isn't available yet.
I've put together a demo with #1. For the visited state, I just added a small tick icon. There are two key layers added which just run triggers, either Disable ALL (buttons) or Enable ALL (buttons). The enable all checks the variable values you are setting to determine whether the button should be enabled to Normal or Visited.
Using the base layer with the buttons allows you to remove multiple duplicates of triggers and buttons and keep the layers focused on the unique content.
SamHill : Thanks for pointing out the accessibility issues with semi-transparent shapes.
JuliaGottsch928 : Here's another option to do it mostly Sam's way but without variables:
- Add the tick icons as separate objects on the slide, with an Initial State of Hidden.
- On each button, add a trigger that changes the state of the corresponding tick icon to Normal when the button is clicked. Or have the trigger run at the end of the associated timeline.
- Use the "when [icons] = Normal" to determine that all layers have been viewed.
Dear Sam & Judy,
Thanks a million for the quick and great help. I would never have come up with the solution on my own, thank you so much!
JuliaGottsch928 : You're welcome.
I suggest that you mark Sam's response as the solution. Besides ensuring it will appear at the top, it will give Sam the credit he deserves.
