Storyline 360: Yellow border inconsistent when elements in the tab index receive focus
I have seen this issue in a few modules developed in Storyline 360 and it appears to be a bug.
I have 3 elements on the screen, Heading, Body text and a Start button.
These elements have a Fade In animation of 0.75 seconds, and are spaced out 1 second apart on the timline.
When I preview the slide, the Start button does not get the focus yellow border around the element and so it is not clear that the button has focus. If I continue tabbing, the slide appears to do a seconds loop around, tabbing to the heading, body text and this time the button gets the yellow border.
As an experiment, I removed the animation from the button, and it received the yellow focus when tabbing to it (I did not have to do a full loop around to hit the button).
Other issues I have seen with the "focus" is that buttons seem to behave inconsitently. For example, I enter a page and have a button on it's "Disabled" state. At this stage the button can be tabbed to and has a yellow border to indicate the focus. I then perform some actions to trigger the button into a "Normal" state. When I tab to the button now (after it has changed from Disabled to Normal), the button will no longer show the yellow border to indicate focus.
This is the same behaviour with and without a screen reader.
Why am I seeing these incosisten results? I'm finding working with elements that trigger something don't seem to receive the yellow border to indicate focus consistently. Changing state and animations also seems to have an impact, but sometimes, they just don't get the yellow border for now reason, unless you continue to keep tabbing.