Modern Player Accessibility Issues with Color

May 15, 2019

It appears one cannot change or manage the color of most text and controls in the modern player other than the Accent Color. Is that true?

Upon testing the default colors for both the Dark and Light Player Themes so our department can use the Modern Player in our course designs, I find that neither player meets WCAG 2.0 A, or AA criteria 1.4.1 and 1.4.11 though the player icons do meet the criteria.

Is there some way we can at least modify the text colors in the modern player, to apply some accessibility compliance?

(please see the attached results image of the dark player)WCAG contrast analysis of Modern Player - Dark Theme

44 Replies
Bret Jorgensen

Hi Peter, 

I'm sorry for the delay, and I understand your frustrations. It feels like a simple fix, but the changes required were not trivial and touched on many behind the scenes player elements. The feature to address this is currently in development and nearing beta. We've coupled this change with another feature, and I believe both will be worth the wait.

Your case remains in my queue, and as I mentioned a couple of months ago, I have you slated for the beta program to preview this feature. Over the next two months, we have other enhancements coming to our Accessibility support, and this is just one of them.

Thanks for the suggested workaround, Matthew. 

Ren Gomez

Hi Matthew, 

Thanks for following-up and sharing some of the hurdles you’re facing, and I apologize for the confusion surrounding the Modern Player.

You’re right that we released the Modern Player in 2018, and we are currently focusing on improving color contrast to meet WCAG guidelines. These improvements were released in our beta group recently, which is our standard approach for all updates to Articulate 360.  If you’d like to participate in the beta program, I’ll be happy to connect you with my team!

Also, I appreciate some of the pain points you’ve discussed regarding the VPAT and current limitations. For WCAG 1.4.3, we make mention of current improvements to ensure all elements and states have accessible contrast.

We’ve also shared this on our Feature Roadmap and taken opportunities to share in specific discussions.

I hear you about making current limitations more transparent and widely available. Along with helping customers understand WCAG guidelines and how they fit within Storyline’s features, I’ll be sure to share this with my team so we can work on ways to make that happen.

Lauren Connelly

Hi Matthew!

I apologize for the confusion I’ve caused regarding the Modern Player being in beta. To clarify, a Modern Player update with accessible contrast is in beta.

When it comes to accessibility, we really have all hands on deck. We have a team of engineers, writers, and members of the support team, including myself, diving into Deque University classes and attending virtual conferences centered around accessibility. We are working to not only offer products that meet and exceed accessibility guidelines but also support our customers who are designing with accessibility in mind.

With all the information we are consuming, we’ve accepted the fact that this is a journey. We are digesting information as it happens and working on publishing more resources for the community as we are able. Additionally, we are so appreciative of folx’ patience as we come up to speed with the ever-changing market and technology. We’re happy to be on this journey with folx like you, Matthew!

Thank you so much for your offer. I’ve shared this idea with our team so they can reach out to you directly.

Again, my apologies for the confusion!

Math Notermans

As a sidenote on how important accessibility is for US companies. I do get a lot of requests for projects...  and a lot of these projects need to be 100% accessible. When a company wants it made in Storyline i always have to point out that the player IS NOT fully compliant to 508 guidelines.... and that major time is needed to get it fully compliant. Offcourse this can be done, but not out-of-the-box. And it should be fully compliant out of the box. Some companies then do want it developed in Storyline. Some don't and go look for better compliant tools.

Lauren Connelly

Hi Matthew!

I'm very impressed with the Deque University curriculum! It's been eye-opening and motivating. I'd highly recommend taking a look at their offerings.

I joined in on their conference, axe-con, this week which was jam-packed with sessions lead by accessibility gurus. All sessions were recorded if you have an interest in any of the sessions on their schedule.

Maria Costa-Stienstra

Hi, everyone.

I have great news to share!

We just released another update for Storyline 360. In Update 50, we’ve included important fixes and new features.

One of the features we’ve included is:

The modern player 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.

To take advantage of this update, launch the Articulate 360 desktop app on your computer and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

Please let us know if you have any questions by posting here or by reaching out to our Support Engineers directly. 

Nicole Duclos

Hi

I updated this morning and now lightboxes are behaving oddly. Please see this example.

Now when viewing in 360, engage interactions are not behaving correctly. The first time viewed, they view fine. Any time after that I get a white screen where the interaction should be and everything freezes - can’t close lightbox or use nav. 

I have a course I'm working on that includes engage interactions in lightboxes as well as other lighboxed slides with no engage interactions. They are all behaving like this. In the example I provided, only the lightbox with the engage interaction is doing it.

This was not happening yesterday or any other day previously.

Other lessons with the same functionality that were uploaded to Review360 prior to this latest update are displaying correctly!

Nicole

Nicole Duclos

03/24/21 Update - I reinstalled the previous version of Storyline and my files function correctly now. And again, all files that were published to 360 PRIOR to the latest update function correctly. Files published AFTER the latest update do not.

03/25/21 Update - The response I've received so far:

"Thanks for writing back and sharing your test results.

After careful testing, I have identified that using the lightbox trigger option "Use navigation controls" is causing the lightbox of Engage Interaction to freeze.

I’ve logged it as a possible software bug. From here, I’ll meet with my team to take a closer look so we can determine next steps."

Becca Levan

Hello Nicole, and thanks for following up!

We just released Storyline 360 Update 52, and in it, you’ll find a fix for the bug you encountered where:

When using a Lightbox trigger to display an Engage 360 interaction, enabling the “Use Navigation Controls” option will cause the Lightbox to freeze when displaying the Engage interaction on the 2nd visit.

From here, I’d recommend updating to this latest version to see if that helps:  install the latest Storyline 360 version here. If this happens again, please feel free to work directly with our support engineers here so they can help troubleshoot!