Forum Discussion

SSCCommunicatio's avatar
SSCCommunicatio
Community Member
22 days ago

Rise 360 Button/Button Stack fail accessibility testing

An internal accessibility review brought this to my attention. The buttons used in Rise 360 failed accessibilitly testing due to low contrast. Is there a way I can resolve this? Thank you!

Gretchen Handy

8 Replies

  • You can change the color of the button and once you've changed it, the contrast:

     

  • CaraParker's avatar
    CaraParker
    Community Member

    All caps is also not accessible. I just posted a question about the same issue with the capitalization of the buttons!

    • elizabeth's avatar
      elizabeth
      Partner

      Yeah, agreed that all caps isn't ideal and may fail an internal audit, but technically speaking, WCAG does not have specific guidelines for all-caps text.

    • CamiliaS's avatar
      CamiliaS
      Community Member

      Likewise, we have issues with this as well constantly and would love the ability to not have button text be all caps.

      • StevenBenassi's avatar
        StevenBenassi
        Staff

        Hi CamiliaS​ & CaraParker​!

        Thank you for sharing the feedback on Button text in Rise 360!

        Currently, Rise does not support an option for lower-case lettering within Buttons. As Elizabeth mentioned, WCAG guidelines do not specifically prohibit all-cap text. However, we do recognize that some authors may prefer the flexibility to control capitalization for accessibility and usability reasons.

        I'm happy to share that we are tracking a feature request to introduce lowercase lettering for Button text. I've included your voices in the report!

        We'll be sure to notify you if we release a future enhancement that helps!

  • sorry - I should clarify that what failed what the contrast used to indicate focus. The user recieved only a faint visual indicator of focus. Can I change the focus color/contrast is the question I should have asked. Thanks!

    • elizabeth's avatar
      elizabeth
      Partner

      Oh, I see what you are saying. There's not a way to change the focus indicator color in Rise the way there is in Storyline. But since Rise courses are really just webpages, they're going to use whatever the default Windows/Mac setting is (or if the user has some other browser extension installed, it should also follow/respect that color setting). 

      As far as contrast goes, it's a WCAG level AAA requirement (WCAG 2.4.13) that focus indicators have a color contrast of 3:1, and Rise only supports level AA (https://www.articulatesupport.com/article/Rise-360-Supports-Web-Content-Accessibility-Guidelines) and that's what internal accessibility reviews should be evaluating against!

  • Hi SSCCommunicatio​!

    Glad to see Elizabeth has been helping you!

    I see that you've also been working in a support case with my teammate Mcgem. As they've shared, Rise 360 relies on the browser's default focus indicator, which can vary depending on the browser that is being used. These browser defaults generally do meet WCAG guidelines, but can also be affected by the Theme colors that were chosen.

    We recommend testing playback across all supported browsers to verify that focus indicators remain visible on Buttons and interactive elements. If contrast issues persist in a specific browser, consider adjusting your Theme color to ensure consistent focus visibility will remain in all browsers.

    I'd like to add that we are also tracking a feature request to give Rise authors more control over the focus ring color. I've included your voice in that report! We'll be sure to notify you if this feature makes it to our feature roadmap.

    If you have any follow-up questions, feel free to reconnect with Mcgem through your case!