Forum Discussion
Automatic Focus Order
I wonder if someone can help me understand the choice for the default for Focus Order. It seems to go in this general format:
Last layer items
Middle layer items
First layer items
Base layer
- RachaelLundin-9Community Member
Hi again :)
I actually disagree with Lauren. The default order is not in my opinion best practice if you are attempting to create a training accessible for users who use a screen reader or are limited to only using their keyboard. If the base layer is on the bottom, with the other layers stacked on top, the user who accesses the training through the keyboard only has to tab through all the base layer, then either select "back to top" or "exit navigation" or go through all the player controls before they can get to any of the layers. Here are two shortish videos to demonstrate. One is default order. The other is what I've found to work best (in my opinion) for a screen reader.
Default: https://360.articulate.com/review/content/0359801b-06f9-43ab-a84c-df580b84faf8/review
Best Practice?: https://360.articulate.com/review/content/b23d7d91-f277-4e1d-bd7a-488634d5a406/review
Hi Rachael,
Thanks for sharing your curiosity with us. I'd be happy to dive into this topic with you.
You've provided a great scenario that I'll use to explain working with Slide Layers as well.
You begin with a Base Layer Slide, and then the other slide layers stack on top. I've created a single slide with a base layer, first layer, middle layer, and last layer to demonstrate what you mentioned above. As you can see, when on the last layer, all items that it's stacked on top of can be seen if you choose as well.
I'm on the last layer item in this image, and it's layered on top of all the others. So, the focus order displays this way by default as well:
Let me know if that helps in understanding or if you're running into difficulty with something so we can further assist.
- RachaelLundin-9Community Member
Thank you for the reply. You describe exactly what I was talking about. The purpose of me asking it has to do with Screen Readers. I have to manually adjust the default order every time because it just doesn't flow logically otherwise. Let me see if I can explain. Visualize with me, if you will:
Base layer:
- Welcome message
- Button to show layer one
- Button to show layer two
Layer one:
- Some information on topic one
- Button to show more information on topic one (opens layer 3)
Layer two:
- Some information on topic two
- Button to show more information on topic two (opens layer 4)
Best focus order for screen reader that I've found:
Base layer Welcome
Base layer button to show layer one
Layer one Some info on topic one
Layer one Button to show more information on topic one
Layer three more information on topic one
Base layer button to show layer two
Layer two some information on topic two
Layer two button to show more information on topic two
Layer four more information on topic two
The Default Focus Order:
Layer four more information on topic two
layer three more information on topic one
layer two some information on topic two
layer two button to show more information on topic two
layer one some information on topic one
layer one button to show more information on topic on
base layer welcome message
base layer button to show layer one
base layer button to show layer two
I was just wondering if there was a deliberate logic choice for the default Focus Order.
Hello Rachel!
I appreciate you listing the items out for us! The default focus order is left to right and top to bottom. I created a quick 2-minute video explaining what this looks like in Storyline 360.
As always, don't hesitate to reach out if you have additional questions!
- RachaelLundin-9Community Member
Thank you Lauren. That part I understand. And it is a great feature. I'm more asking about the default order of layers. I made you a video too :) 6 min video
Hello Rachael!
First, apologies for misspelling your name!
It looks like that link is going to a Storyline course in Review 360. Do you mind linking the video again, and I'll be happy to take a look?
- RachaelLundin-9Community Member
Oh Geez. Yesterday was Such a Monday! Here we go with take two: Focus Order help
- RachaelLundin-9Community Member
Also, I don't know why it is doing this, but when I click on the link "Focus Order Help" to test if is working, it opens a new window and does nothing. But when I click on it a second time, it opens a new window and works fine. We are having random weirdness in tech today.
Hi Rachael!
Thank you for reattaching the link! I see how the items on the layers can't be navigated to following the order you've created in the Focus Order. Would you mind if I took a look at your project to play around with the Focus Order? You can either attach it to this public discussion or upload it privately in a support case.
- RachaelLundin-9Community Member
Hi Lauren,
I apologize for the delay in responding. I have been out of the office on a family emergency. I will try to upload the file through the Support Case link.
- SarahDavis-2db7Community Member
Hi Lauren and Rachael,
I'd love to hear how this was resolved. I'm also struggling with understanding best practice on how to adjust focus order when working with layers. Do you put layers first?
THanks!Hello Sarah!
Our Support Engineers are still working with Rachael in a support case. To answer your question about adjusting the Focus Order when working with layers, you'll want to begin with a Base Layer Slide, and then the other slide layers stack on top. For example, objects on the last layer should be displayed first, then the second layer content, the first layer content, and the base layer.
- SarahDavis-2db7Community Member
Hi Racheal,
Your videos are fantastic! This is exactly what I was looking for. Thank you so much for such a clear demo of the difference!
- RachaelLundin-9Community Member
Hurray! I'm glad they were helpful Sarah.