Accessibility & Using Layers

Layer work with Accessibility. It really depends on how you show the layer and if the base layer needs to be clickable.

If the base layer needs to be clickable then the focus order should be arranged so the layer content comes after the button or object that shows the layer.

If the base layer doesn't need to be clickable e.g. a popup. Then set the layer to prevent user clicking on the base layer or modal dialogue and then the content does not need to be placed just organised in a logical order as it will take focus as soon as it is shown.

So if I have a layer that shows up because of a conditional choice and then after the information is given, we return to the base layer for a second choice (such as I have 4 boxes to check and explore and then return)

How does the focus order set up.

Hi Melvin, 

Thanks so much for reaching out! I went ahead and created a sample based on what you were looking to achieve. Please let me know if I misunderstood your description in your reply. 

Here is how I achieved this in my Storyline 360 project file: 

• First, I added four checkboxes and four layers with a button on each layer. 
• Then, I added in this trigger with a conditional element that the checkbox had to be visited in order to navigate to the corresponding layer: 

Show layer when user clicks on Checkbox 1 

• For each layer, I inserted this trigger so that the learner would navigate back to that base slide:

Hide layer when user clicks on Checkbox 1 

• I opened up the Focus Order and created a custom focus order. I made sure to group the checkboxes, layers, and buttons for each section together so that the learner would be able to navigate in the correct order: 

• I went ahead and published to Review 360 so that I could check the screen reader ( I used NVDA). Here is a quick Peek of what I experienced. 

I am attaching my .story to this post so you can take a closer look at how I built this. 

I hope this helps! Please let me know if you have any additional questions. 

Hi Luciana,

Sorry to piggyback off your question Phil! But I have a similar question regarding focus order of elements on quiz slides. Apologies in advance if I'm getting this wrong or misunderstanding the functionality. 

It won't let me remove the default correct/incorrect elements from focus order, when really all a screenreader needs to see is the "Correct" text and the "Continue" button. It means the user has to navigate through three extra sections of the slide to continue... 

See screenshot where it won't let me remove the visual elements  (Rectangle 5, oval 1, freeform 4) - the rubbish bin is not selectable. 

I can workaround it by placing the continue button as next to be focused on as shown, but it's not ideal!