Forum Discussion

CatherineMcDowe's avatar
CatherineMcDowe
Community Member
6 years ago

Need help with yellow boxes when tabbing

I am having an issue with these yellow boxes showing up on slides even after I remove the tabs under the Home menu and uncheck the accessibility feature.   Any idea what's going on?   Thanks...
storyline 360
DesireeKuzin's avatar
DesireeKuzin
Community Member
4 years ago

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!

 

Jürgen_Schoene_'s avatar
Jürgen_Schoene_
Community Member
4 years ago

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