Accessibility and tabbing

Hi all

I just wanted a clear explanation of how the tabbing works in Storyline. It currently seems to pick up everything on screen - even elements that aren't interactive like line graphics. I have also hand created my buttons, rather than using the Storyline ones as the rounded corners really weren't the look I was going for. This unfortunately seems to mean that when you tab to them and select enter, the functions aren't working. 

Hope you can help.

Sally

9 Replies
Sally Burns

Hi Christine

Thanks for your fast response - I've now turned off a lot of the highlighting. I'm still having problems with it actually working how I need it to work however. So tabbing to a button and hitting 'enter' doesn't do anything on any of the buttons I have created. Is this because I have created my own from shapes and have not used Storyline's standard buttons? It also seems to add the highlight to the wrong part of every element - too far up. It does this on all elements. 

Hope you can help.

Sally

Sally Burns

Ok, thanks. I'm afraid I can't share the files.

It's quite simple though, there's a grey square which on click, shows a layer. However this doesn't work with tabbing and entering.

This isn't great news unfortunately. I don't want to be restricted to the Storyline buttons as their designs do not suit my project. Is there no way to convert an object to have the functionality of a button such as being tab-able? 

Thanks,

Sally

Christine Hendrickson

Good morning Sally,

Unfortunately, I think the main issue with this is because that particular key is widely used for different functions. Have you considered using a different key? Maybe even the arrow keys, or even the number pad + number pad enter? I'm not sure if the project you're developing has strict requirements to match a specific reproduction of software, etc. 

I've been able to create my own shapes, add states to them and target them with the Tab key, but it would take quite a bit of work to make sure hitting it again wouldn't select that same object or all objects again. This gets even more complicated with using the Enter key in conjunction with it. However, what you could do is hide the original layer, I suppose, so targeting that object with Tab again can't occur. I'll keep this on my "desk" today and see if I can play around with it a bit. If I find anything I think may help with this, I'll be sure to share!

If you discover anything, please do let me know and maybe we can find a way to get this to work for you.

Thanks Sally, I hope you have a great day!

Christine

Christine Hendrickson

Good morning Sally,

I'm so sorry it took me so long to get back to you, we've been a little busier this week. I sat down this morning and took a look at some options for you. I think that using some of the methods I worked with today may help you with the functionality you'd like to use in your courses. 

Triggers and layers seem to work fairly well for this. Also, hiding the menu and other target-able objects eliminate the accessibility interference. Since you're wanting to use the same two keys ("Tab" and "Enter") multiple times on the same slide in order to advance to additional objects, adding an object (I used a button and placed it out of sight on the slide) that changes states and triggers with conditions, you can simply make the advancement to a new layer with the next object. 

I put together a very quick example together. While I know this isn't the same thing you're trying to do, I'm hoping that you'll be able to incorporate some of this to what you're trying to accomplish, and hopefully it will make your project easier. Note that the animations won't work the same way when you view it again (I'm afraid I didn't have time to get into that), but the functionality will still work with the Tab and Enter keys. Press Tab to start, enter to move on and so on.

Here's the published version.

I hope you have a great day Sally!

Christine