Change colors and/or hover for the Next and Previous buttons on Player

Mar 30, 2022

I need a better color contract for the next and previous buttons on the Storyline player - the buttons are not an accessible color contrast - is it possible to adjust the color so there is better contrast without having to create buttons.

 

Thanks

Nancy

9 Replies
Luciana Piazza

Hi Nancy! 

Would your course benefit from adjusting the color of the player to a custom color or a dark or light theme? 

I found this article from the 2021 Storyline Update that walks you though how to adjust the player color within the player properties tab: Storyline 360: Modern Player Custom Color.

Perhaps this will create enough contrast so that the Next and Previous button text pass accessibility standards. 

Thanks,

Luciana

Nancy Hemenway

Changing the background color isn't the issue. There are many times I want a specific background, not just using light or dark. The dark background meets the "minimum" standard for contrast but the light background does not meet any of the WCAG contrast for those with a disability - which would mean that either you have to create all the buttons for a module or use only the dark background. It would seem like Articulate could fix this without a lot of trouble - or maybe there is a javascript that we could use. It's very frustrating. And for some larger organizations where the triple-A (AAA) is the company or org standard, they would have to create all the buttons because light and dark backgrounds do not meet the triple-A standard at all! 

Maria Costa-Stienstra

Hi, Nancy. 

Thank you for reaching out!

The player adjusts the color of the buttons depending on which background color you choose. 

When you choose a dark custom background color, the player controls use hex color code #BABBBA. When you choose a light custom background color, the player controls use hex color code #585858. 

While you can't choose a different color for the buttons, we have a feature request logged for the ability to customize the font color for the Menu Controls in the Modern Player.

I will update this discussion if I have any news to share or if this request makes it to our feature roadmap. 

Steve Blackwell

I am surprised that Articulate are unwilling to move on this issue.  Changing the Background colour is not the solution to offer when an organisation wants the player to be in the organisation's chosen brand colour.

What I find quite bizarre, is that when I have moved from SL3 to SL360 and changed our player to Modern, some of the tabs are indeed white and not grey (please see attachment).  This suggests either a bug or a conversion oversight.

Please don't "fix" this by making them all grey!

I think everyone just wants to have a player where they can decide the appropriate colours as opposed to it being locked down.

Sometimes, what seems to developers to be a minor issue and not worthy of work actually is a key UI/UX issue which is frustratingly ignored.

Thanks for listening.

Lauren Connelly

Thank you, Steve and everyone else who has contributed to this thread for sharing how important this feature is to your workflow!

I've collected this feedback to share with our team! At this time, we are prioritizing other features and bug fixes for upcoming releases, so we don't have a timeline for when this feature will be slated for a future update. When I have an update to share, I'll be sure to return to this discussion.