In Storyline 2, I have hyperlinks defined as bright yellow to contrast against a black background. However, when I put in a hyperlink and preview content, the hyperlink hover background color is almost the same as the hyperlink yellow itself. It's basically impossible to actually read the text any longer when hovering.
Here is the file with the issue. It's just a default hyperlink - the only thing I did after creating it was removing the underline. Could that be the issue?
I believe that the hyperlink color is being pulled from the color scheme you're using in this project and, unfortunately, as you're seeing, the chosen color and resulting background are pretty close in range.
A couple thoughts:
1. You could change the assigned hyperlink color in the color scheme, or
2. Highlight the hyperlink text and give it a different color from the text formatting area. This should serve to increase the contrast.
Both solutions sound like you just want me to not use that color. That color was picked for a specific reason. If it's causing issues like this, isn't it technically a bug? I thought every hyperlink was supposed to have a ~25% opacity of the same color behind it when hovered. This is not happening in this case.
It wasn't 25% specifically, but the official docs (for SL1, couldn't find one for SL2) talk about the hover color being a 'lighter shade' of the hyperlink color. Unless that lighter shade is literally a lighter shade and not a less opaque color. Which would explain the issue as yellow is very close to white in the RGB palette. Either way it's frustrating if we as authors are thus limited to only darker colors for hypers.
Just a follow up. I sent your file along to the team to take a look at. Hopefully we'll have some more information as to what the expected behavior is and if what you're experiencing is a bug. If it is, we'll make sure it's reported and fixed.
This issue is still with our QA team as a bug. I don't have any additional information to share at this point but this thread has been tagged as a part of the report so that we can share here once there is an update from our team.
Has there been any update on this? I have links in white text on a chalkboard background and they completely whiteout upon hover. This is why my links look like when learner hovers...
We are aware that this issue is within the newer products as you mentioned and this has been discussed internally and moved up on the priority list as a result of understanding user impact, so I do appreciate you chiming in to share.
This thread is attached and we will update here when applicable.
I'm experiencing no hover over a hyperlink which is set to orange in the theme color. I'm using Storyline 2. Interestingly, I only noticed this issue because the hover (light orange) showed up on one hyperlink. It has been absent for the other links in a 10 module course. If not absent it is intermittent. Has this bug been fixed, if so how?
Hey Julie - Did you copy/paste that text from another application, such as Word? That can copy formatting as well - and makes it super hard to identify.
If you copy the text into Notepad, then back into Storyline - it works as expected.
29 Replies
Here is the file with the issue. It's just a default hyperlink - the only thing I did after creating it was removing the underline. Could that be the issue?
Hi Keith,
I believe that the hyperlink color is being pulled from the color scheme you're using in this project and, unfortunately, as you're seeing, the chosen color and resulting background are pretty close in range.
A couple thoughts:
1. You could change the assigned hyperlink color in the color scheme, or
2. Highlight the hyperlink text and give it a different color from the text formatting area. This should serve to increase the contrast.
I hope this helps!
Mike
Mike,
Both solutions sound like you just want me to not use that color. That color was picked for a specific reason. If it's causing issues like this, isn't it technically a bug? I thought every hyperlink was supposed to have a ~25% opacity of the same color behind it when hovered. This is not happening in this case.
Hi Keith,
Ahhh, I see.
Let me check into it. Do you recall where you read the 25% opacity? I'd like to reference it when I ping our team.
Thanks!
Mike
It wasn't 25% specifically, but the official docs (for SL1, couldn't find one for SL2) talk about the hover color being a 'lighter shade' of the hyperlink color. Unless that lighter shade is literally a lighter shade and not a less opaque color. Which would explain the issue as yellow is very close to white in the RGB palette. Either way it's frustrating if we as authors are thus limited to only darker colors for hypers.
https://community.articulate.com/discussions/articulate-storyline/hyperlink-hover-background-is-making-hyperlink-text-unreadable#reply-266282
Thanks.
Keith,
I just did some testing and it seems like it's not pulling the actual color for the highlight/opacity.
I'll report this to the team and see what I can find out. We certainly don't want to limit authors to darker colors.
Thanks for reporting this!
Mike
Hi Keith,
Just a follow up. I sent your file along to the team to take a look at. Hopefully we'll have some more information as to what the expected behavior is and if what you're experiencing is a bug. If it is, we'll make sure it's reported and fixed.
Thanks again!
Mike
Thanks Mike. Much appreciated.
Hi, is there any update on this? Has the QA team at least been able to identify that it is in fact a bug? Thanks.
I would love to hear anything about this matter as well.
Hi Nina,
This issue is still with our QA team as a bug. I don't have any additional information to share at this point but this thread has been tagged as a part of the report so that we can share here once there is an update from our team.
Hi Ashley,
that sounds good, thank you.
For the meantime I guess everybody who is affected will find another way such as a hotspot or a transparent shape.
Happy Monday and Thanks for your reply,
NIna
Glad I could help Nina and we'll keep you posted on any other updates.
Has there been any update on this? I have links in white text on a chalkboard background and they completely whiteout upon hover. This is why my links look like when learner hovers...
PS- I just tried changing the hyperlink color to orange (to match the course theme) but the background highlight is still white. Not a nice look...
Hi Nadia!
I do not have an update to provide as far as the issue that was filed with our QA Team.
If you have a .story file you'd like to share to see if anyone has an idea to share, feel free.
Any update on this topic? in storyline 360 I have the same problem.
Hello Ilse!
No update at this time.
We are aware that this issue is within the newer products as you mentioned and this has been discussed internally and moved up on the priority list as a result of understanding user impact, so I do appreciate you chiming in to share.
This thread is attached and we will update here when applicable.
I'm experiencing no hover over a hyperlink which is set to orange in the theme color. I'm using Storyline 2. Interestingly, I only noticed this issue because the hover (light orange) showed up on one hyperlink. It has been absent for the other links in a 10 module course. If not absent it is intermittent. Has this bug been fixed, if so how?
Hello Julie - Your report sounds a bit different. Would you be able to share your .story file for us to take a look?
Thank you for your help! I'm baffled by this. Julie
Stumping me too Julie - no differences that I can see, yet different behavior.
I'm going to extend this out to my team and see if my eyes are deceiving me :)
Hey Julie - Did you copy/paste that text from another application, such as Word? That can copy formatting as well - and makes it super hard to identify.
If you copy the text into Notepad, then back into Storyline - it works as expected.
Hope that helps!
Super! That's an easy fix! Happy Friday!
Julie
Glad this was able to help you out Julie :) That weekend flew by!
This discussion is closed. You can start a new discussion or contact Articulate Support.