Need help with yellow boxes when tabbing

Happy Monday and congrats on your first post, Catherine!

To make sure I'm on the same page, are you seeing the yellow highlight on the 'Back to top' button and the two hotspots ? Here's a short recording of my test. If so:

Here's how you can disable that button (the skip navigation shortcut): Click on Player > When the player properties window opens, click Other on the ribbon > Mark the box to Disable skip navigation shortcut. This article covers the latest accessible enhancements!

The yellow highlight will appear on hotspots when using the Tab key even though the 'Object is visible to accessibility tools' box is unmarked and is not in the Tab Order. This is because hotspots are invisible buttons, and the Tab key moves the yellow focus to elements that are considered to be controls or interactive. The 'Object is visible to accessibility tools' option is intended to make items that are typically invisible (like a text box) visible rather than making a normally visible item invisible to accessibility tools. 

Let me know if that helps or if I missed the mark. I'm happy to help!

Hi Katie,

Regarding your last large paragraph---so are you saying that the yellow highlight cannot be removed from text boxes or hotspots? That this feature is not an accessibility issue but is something else? 

I'm having trouble understanding because if I can't remove this, then I cannot ever recreate a software simulation for our learners. Our platform does not have a yellow highlight appear when users tab. So how can I remove this from the simulation?

I have tried unchecking 'object is visible to accessibility tools' on everything, removing all objects from the focus elements, adding a shape offscreen in various positions. Nothing works. (Also there is no player on this, so no player navigation elements are included.)

I have read and tried everything in the forums, and it seems that when users write in about this, it is assumed we are talking about the accessibility features. But this seems to be something else. Instead of a solid yellow box, it is a black box with a diffused yellow highlight appearing.

Attached is an example of what happens when the learner tabs. I want nothing to light up when the learner tabs. How do I make this happen?

Thanks for your help!

Hi, D K.

What you are seeing is an accessibility feature, which highlights interactive objects (the yellow rectangle) when navigating with a keyboard (using the tab key).

There isn't an option to turn off the accessibility functionality of the Tab key, and it wouldn't be something we recommend. I hope others in the community have some design suggestions for your scenario. 

Hello,
you can globally change the colour of the border at Tab

Player -> Color & Effects -> Accessibility Focus Color

disadvantage:
 - only one color combination for the complete training
 - the color combination is always opaque, no transparency is possible

alternative:
modify/expand the file "story.html" after each "publish to web"

story.html:
<style>

  .tab-focus-box {
    border: none!important;     /* classic player */
    box-shadow: none!important; /* modern player  */
  }
</style>

(if necessary, this can also be done automatically via trigger/javascript)

Jürgen

Wow, thank you both for the replies, I really appreciate it.

Jürgen, I will definitely try out both options. I would never have figured those out on my own. What a great community.

Thanks again for the responses and helpful info!

I have been struggling with this issue for days.  All the old tricks I used to use don't work any more.  Changing the color of the border worked for what I need.  Thanks for that option.

Hi Mellanee,

I'm sorry that you've been struggling with this but glad to hear you found a fix. If you need additional assistance, please let me know!