Microsoft Edge "Auto Dark Mode for Web Contents" causing issues to courseware.
Feb 03, 2022
Hello,
Re: Articulate 360
We are experiencing few issues where users are reporting that on-screen text is "faded out" to the point where they cannot view the content. We are finding that when they enable "Auto Dark Mode for Web Contents" in Microsoft Edge, it will make black font colors turn white on the screen. This is something that a user may enable due to visual impairment. Is there anything that can be done for those who have light sensitivity? These users also enable a dark theme, however in testing the theme/background alone, that does not change the font color. It is when the "Auto Dark Mode for Web Contents" is enabled, that the dark fonts get muted/faded. I have attached some examples of what the screen looks like when the Auto Dark Mode is enabled in Microsoft Edge.
7 Replies
Hi, Susanne.
Thank you for reaching out!
Since the Auto Dark Mode for Web Content flag is still in experimental mode, Microsoft doesn't offer much support or information on it. It appears that some elements might still not be affected by this flag.
I tested with a simple slide (black font on white background), and the mode worked well. My thought is that the flag might not be ready to work with different shapes and colors on the background, but it's early to tell.
I also noticed there are several options when enabling this mode. Do you know if the users attempted other options to see if one worked better than the other?
We ran into the a similar issue of multiple users not being able to read text within the matching block in Articulate Rise. It appears that the users are utilizing some sort of Dark Mode (see the screenshot). Note that they can see that there is text if they try to highlight it.
Maria, have you encountered other reports of problems with knowledge checks not displaying correctly when Dark Mode is utilized?
Hi Bill,
Sorry to hear that you ran into this snag.
We're not seeing this issue being frequently reported by our other users so there's a chance that the behavior might be isolated. I recommend opening a case with our support team here so we can test your Rise 360 course to better understand what's happening. We'll delete it when we're done troubleshooting!
Hi Susanne and Bill,
Were you able to dive any further into the issues you were experiencing with automatic dark mode in browsers? I have been able to replicate this issue on a number of projects by using the browser dev tools for Edge and Chrome.
My findings were that, while text and background colour formatting appeared to change effectively between white and black when the dark mode was toggled, shapes were not updating at all.
Hi Tom,
Susanne and Bill may no longer be subscribed to this discussion, but you're welcome to contact them directly through their profile by clicking on their name and selecting Contact Me.
I am having the issues with learning using dark mode not seeing their text entry. I can't tell from this conversation what the recommended solution is. Is there a setting I should change in Storyline that will make it so the text doesn't change to white for them? I don't have a majority of learning using dark mode so I don't want to make a change that makes learners NOT using dark mode to have issues.
Hi Martha!
It sounds like your text entry font disappears when learners view a course via dark-mode browsers. Sorry to hear that, but I'd be happy to assist!
Testing the behavior on my end (64-bit Storyline 360 version 3.83.31444.0 via Windows Parallels on a Mac M1) I did not notice any change in the text entry font when viewing a course with (dark-mode) Microsoft Edge.
You wouldn't have to modify any settings within Storyline to address this behavior. However, I wanted to share an extra step your learners can take to correct this issue. If they are using Microsoft Edge, they can enable the 'Auto Dark Mode For Web Content' setting to switch the background of the text entry field from white to black.
Please let me know if this worked for you or if you have any more questions!