Tabbing and disabled buttons
Aug 11, 2015
Hi all,
I am having problems with accessibility in my courses and think it may be a bug. I have slides which need to be locked until certain activities are completed. To do this I have disabled my custom built 'next' buttons until certain events are triggered. One problem however is when the user presses the TAB key to cycle through selectable elements on the screen they can navigate to the next button, hit enter, and proceed to the next slide. This occurs even when the button is disabled and the mouse click doesn't work (as intended).
I have attached a simple .story file so you can publish it and see an example. You should never be able to access slide 3 but the bug allows you to. I also know you can prevent elements from being accessed with the tab button and this is currently how I have had to set my projects up (though this is not desired).
Any help would be much appreciated :)
17 Replies
Hi Greg,
Thanks for reaching out here and sharing your .story file, I do see that this has been reported to our QA team for review in regards to navigating with your keyboard. In the meantime, you may want to look at hiding the button until elements of the slide have occurred to allow them to proceed. You could always include a "fake" button in the meantime, that when the real button's state changes, that "fake" one goes to a state of hidden or disappears based on the timeline.
This post was removed by the author
Hi Henri,
I see that it's still an open issue in Storyline 2, but had yet to be reported in Storyline 360. Are you also using the custom buttons on your slide? I'll let you know how much test goes as well and report it to our team if I can see the same behavior occur!
Hi Henri,
Thanks again for reaching out here - I saw the same behavior in Storyline 3 and Storyline 360 so I've reported it to my team for additional investigation. In the meantime, I found a built in next button that was set to disabled wasn't accessible with the enter key whereas a custom button was accessible.
Depending on priority and risk, some bugs can be fixed quickly, while others take longer to resolve. Here's more information on how we identify and tackle bugs.
I’ll let you know as soon as we have an update on this issue. Thanks so much again for letting us know about this, and I’m sorry if it’s slowing you down.
I can't believe that this was raised 2 years ago and it is still an issue. Please tell me a solution is about to be released!?!
Hello,
I have the same problem:
The button displays a layer when I press Enter whereas the button is disabled.
To correct this, I have added a condition in the trigger: if the state ot my_button is different of disabled.
This post was removed by the author
I am dealing with the same issue. Also, I created a slide with multiple layers with custom buttons to navigate to these layers, but users can tab to buttons from other layers which causes many issues when they press ENTER. I would love for Articulate to come up with a solution already. Currently all items on a single slide will appear on the same Tab Order list regardless if they are on different layers or not.
I would also be interested in seeing an update that would allow audio files to play over several slides.
Hi Henry and Ryan,
Thanks for chiming in to share how this bug is impacting you. We are tracking and I've shared this with my team.
Ryan,
With regards to your audio request, I invite you to share your idea and use-case here.
Hey, folks! We just released update 17 for Storyline 360 – check out all the new features and fixes here!
One of the fixes addresses an issue where disabled buttons would sometimes trigger with keyboard navigation.
Enjoy everything this update has to offer by launching the Articulate 360 desktop app on your computer and then clicking on Storyline's Update button. It's that simple! Let us know if you have any questions 🌟
Hey again, everybody. I'm excited to let you know that we just released update 5 for Storyline 3! It includes new features and fixes - check them all out here.
This is the same fix that Katie mentions above, but for Storyline 3: disabled buttons should no longer be accessible through keyboard navigation.
Here’s where you can download and install the latest version of Storyline 3. Let me know how you make out!
Hi, this is still happening for me in SL360 with the latest update August 18, 2020 (Build 3.43.22859.0).
Has this bug crept back in?
Hi Nick!
We don't a regression logged in Storyline 360 Update 43 (Build 3.43.22859.0). Would you mind sharing your file with our team so that we can begin troubleshooting? You can connect with our Support Engineers here.
Thank you for bringing this to our attention!
I can verify this bug is still an issue in latest version. You don't need a shared file to verify, just add an element (shape, text box, whatever).
Add a trigger to Go to Next slide if the element is clicked.
Set the element's default state to disabled.
When you test, you correctly won't be able to click the element (cause it's disabled), but you can tab to the element and then press enter to 'click' the 'disabled' button and advance to the next slide.
Not the first time a fix has been applied, only to be omitted and overlooked in future versions.
Hi Shane,
So sorry you're hitting this snag, and thanks for sharing the steps you took to recreate the issue!
Here’s a quick recording of my experience in Storyline 360 Update 3.49.24347.0 after following those steps. I used a button in my test, which has the Disabled state built-in.
A few questions to help us find a fix:
Would you be willing to share the troublesome file with us? It’ll greatly help our team verify whether that bug is affecting your course or if something else is happening. Simply use this case link.
Thanks Becca,
attached is a video demonstrating the bug occurring on my end.
Not overly keen on sharing the project file publicly from a confidentiality standpoint.
If you email me privately, I can share.
Thanks,
Shane.
Hey Shane,
I understand, and I've opened a case with our Support Engineers on your behalf and included your video—appreciate you sharing that!
You should have an email from me sitting in your inbox! It includes an upload link so you can upload any files privately there.
Please let me know if you don’t see an email in your inbox, and I’ll be happy to send it again!
Hi,
This is still an issue in SL360, with any custom button, it only works correctly if using the inbuilt buttons.
Thanks,
Emily
HI Emily,
Sorry to hear that you ran into this snag.
Since the issue discussed in this thread have already been fixed in previous versions of Storyline, would you be willing to share a copy of your project file here or in private by opening a support case so we can take a closer look at what's happening? We'll delete it when we're done testing!