I would like to change the text color to white or a brighter color in the modern player. I like the look and feel, but the text is gray and hard to see on the dark background. I could use the light, but I prefer the dark theme for this module.
I can update the font and size, but I don't see any options to update the color.
The modern player colors are set by default, but thanks for letting us know you have a need for more customization options! I'll pass along your idea to our Product team as a feature request.
We definitely have this need as well. The modern player colors do not meet accessibility requirements for color contrast so we cannot use it so we have to sacrifice responsiveness.
Yeh I can see why, it looks like you will get charged as your course reaches a certain amount of users. the good news is that it works really well and is totally possible, so I’m sure articulate will add this feature soon... hopes!!!
With the release of Update 50, the modern player now meets WCAG accessibility guidelines for visual contrast and color so all learners can read the text, decipher the icons, perceive the controls, and navigate easily. Learn more about modern player accessible contrast.
The ability to customize the player colors is a feature that is still open with our team, but this conversation is attached so that we can share updates with you here.
You forgot a major UX/UI issue with the new feature. The ability to change the color of the text on the player so the contrast is acceptable, readable, and accessible. Major miss.
Hello Katelin, and welcome to E-Learning Heroes. 😊
I'd love to understand what issue you're experiencing with the Modern Player. Do you know what version of Storyline you're using?
You can check by going to Help > About Articulate Storyline
Becca shared a new feature in our latest update, which is Build 3.54.25674.0.
Previously, with the release of Update 50, the modern player now meets WCAG accessibility guidelines for visual contrast and color so all learners can read the text, decipher the icons, perceive the controls, and navigate easily.
I've been using Storyline since the Beta stages even before SL1. Why in the world would Articulate remove our ability to change the color of the text on the Player? When will this be coming back?
Thank you for reaching out! While I don't have any news to share on this feature request, I wanted to share the article below that explains a little more about our process:
This article https://articulate.com/support/article/Compatibility-Between-Storyline-360-and-Storyline-3-Project-Files suggests contrast issues have been solved (not). One of the most important aspects of the player is the next and previous buttons so we don't have to create those for every module. However, now even with the latest update regarding contrast, the buttons created by the (modern) player meet ONLY the minimum WCAG color contrast in the DARK background format. Companies and organizations that require the triple-A WCAG standard will have to create their own buttons because even with a dark background, the triple-A standard is not met. I use the Colour Contrast Analyser (CCA)
Maybe I am wrong but my CCA tells me differently, Isn't there a work-around or script of some sort that could be used to enhance the "next and previous" buttons in the Modern player?
I am having the same issue with not being able to change the text color and it seems crazy that over the course of however many years, this has still not been addressed. If I wanted the player color to be gray, I have no way to changing the text color and is nowhere near accessible. It seems like it would be such an easy fix. Is this anywhere in an update roadmap?
32 Replies
Hello, Faye!
The modern player colors are set by default, but thanks for letting us know you have a need for more customization options! I'll pass along your idea to our Product team as a feature request.
My team has the same need. Is there an update to this feature?
Hi, Allison. Thanks for adding your vote!
No update on this feature yet, but we promise to keep this conversation updated if we make changes in this area.
Here's how we manage feature requests, and you can also stay in the know on all the new things we're adding to Storyline via our What's New page!
Hi there! Our team has the same need. Thank you for considering this potential feature enhancement to the Modern Player!
We definitely have this need as well. The modern player colors do not meet accessibility requirements for color contrast so we cannot use it so we have to sacrifice responsiveness.
Hi Julia and Lauren!
Thanks for chiming in! I'll add your requests to the report.
Thank you, Lauren! I appreciate your help.
You can, in fact, customize the Modern Player with a javascript widget: https://cluelabs.com/storyline-360-modern-player-elearning-widget.html
@nicholas Thank you!! This just changed my world!!!!!!
Hahaha my company has that website blocked by flippin' McAfee! >.<
Yeh I can see why, it looks like you will get charged as your course reaches a certain amount of users.
the good news is that it works really well and is totally possible, so I’m sure articulate will add this feature soon... hopes!!!
Our team needs this feature as well. So here's another vote for it.
We would like to use those features as well here. I would like to change the next / previous button text to a different color.
And NO JAVASCRIPT!!!!
Hi Lauren,
With the release of Update 50, the modern player now meets WCAG accessibility guidelines for visual contrast and color so all learners can read the text, decipher the icons, perceive the controls, and navigate easily. Learn more about modern player accessible contrast.
Please note, we are currently on Build 3.53.25436.0.
The ability to customize the player colors is a feature that is still open with our team, but this conversation is attached so that we can share updates with you here.
Add my vote to this list please!
Hello Everyone,
I'm happy to return with some exciting news! 🗞
Storyline 360 Update 54 is here, and it introduces several features and bug fixes! Here's the item you'll be interested in:
New: Customizing the Modern Player Colors.
Just launch the Articulate 360 desktop app on your computer and click the Update button for each application—details here.
Please let us know if you have any questions or reach out to our Support Engineers directly!
You forgot a major UX/UI issue with the new feature. The ability to change the color of the text on the player so the contrast is acceptable, readable, and accessible. Major miss.
Hello Katelin, and welcome to E-Learning Heroes. 😊
I'd love to understand what issue you're experiencing with the Modern Player. Do you know what version of Storyline you're using?
Becca shared a new feature in our latest update, which is Build 3.54.25674.0.
Previously, with the release of Update 50, the modern player now meets WCAG accessibility guidelines for visual contrast and color so all learners can read the text, decipher the icons, perceive the controls, and navigate easily.
Learn more about modern player accessible contrast.
Please add my vote for this feature! Thank you
I've been using Storyline since the Beta stages even before SL1. Why in the world would Articulate remove our ability to change the color of the text on the Player? When will this be coming back?
Hi, Jordan.
Thank you for reaching out! While I don't have any news to share on this feature request, I wanted to share the article below that explains a little more about our process:
This article https://articulate.com/support/article/Compatibility-Between-Storyline-360-and-Storyline-3-Project-Files suggests contrast issues have been solved (not). One of the most important aspects of the player is the next and previous buttons so we don't have to create those for every module. However, now even with the latest update regarding contrast, the buttons created by the (modern) player meet ONLY the minimum WCAG color contrast in the DARK background format. Companies and organizations that require the triple-A WCAG standard will have to create their own buttons because even with a dark background, the triple-A standard is not met. I use the Colour Contrast Analyser (CCA)
Maybe I am wrong but my CCA tells me differently, Isn't there a work-around or script of some sort that could be used to enhance the "next and previous" buttons in the Modern player?
Hi, Nancy.
I replied to a similar question here. I'm happy to continue the conversation there!
I am having the same issue with not being able to change the text color and it seems crazy that over the course of however many years, this has still not been addressed. If I wanted the player color to be gray, I have no way to changing the text color and is nowhere near accessible. It seems like it would be such an easy fix. Is this anywhere in an update roadmap?