Forum Discussion

JillSolomon-98f's avatar
JillSolomon-98f
Community Member
7 years ago

Button Customization

Maybe I am missing something but is there any way to get rid of the all-caps defaults? A lot of the labels including buttons are always in all-caps. For accessibility reasons I cannot have them in all-caps. Thank you!

  • Hi there,

    While continue button text can be lowercase, button block text appears in all uppercase letters. Thanks so much for letting us know that you need an option for lowercase letters there! 

  • Hi everyone!

    Thanks for sharing the feedback on how this feature could improve accessibility for you and your learners!

    We currently have this logged as a feature request, so I'll go ahead and include your voices! We’ll update this discussion if this feature makes it on our feature roadmap.

  • Thank you, Steven! This should be fairly easy to implement, as "new features" go, since we're basically asking that Articulate just remove (or allow us to override) the style settings. It's definitely an issue, especially for people with dyslexia and similar conditions. In fact, all caps is generally in the top five list of things not to do. Any help speeding this along would be greatly appreciated!

    • AngeloCruz's avatar
      AngeloCruz
      Staff

      Thanks for sharing your input, Pauline!

      We'll post updates to this thread as soon as we receive them or if we make changes that will help. Have a lovely day!

  • Sebbie's avatar
    Sebbie
    Community Member

    Changing the start course button text to lowercase doesn't seem to update in the frontend.

    Is there any updates on this?

  • ChrisPerez's avatar
    ChrisPerez
    Community Member

    Curious if there has been any movement on this? The original question came in 6 years ago, it was acknowledged that the feature should be implemented 3 years ago, and 11 months ago noted that there would be updates. Is it really taking this long for what seems like a very basic feature to turn off ALL CAPS for button text?

  • HollyK_C1's avatar
    HollyK_C1
    Community Member

    Just adding another voice here - we frequently get requests from stakeholders to adjust the start button and I know it's an accessibility issue as well.  It's been a while - any updates on this option?  Thanks, team.

    • PaulineRewa-f15's avatar
      PaulineRewa-f15
      Community Member

      hi! Just an FYI... while some of the button formatting can't be updated (for example on the link block) the Start button at the beginning of the course is actually easy to change because the capitalization isn't set by formatting. If you go to the settings for the Rise course (the gear icon at the top) and then select the "labels" tab, you will find that the text for that button can be changed. It's all capitals by default, but you can just re-write it. 

  • There are options out there! First option is using CSS after the fact in which you can target the Begin Button CSS classes to update the `text-transform` that is occurring on the button text. The other option is to check out the Mighty Chrome extension which adds lot of options to the configure the Begin Button, plus so much more! See these videos which talk about it and provide code samples

    https://www.youtube.com/watch?v=vNCaxx1_Inc&list=PLsnCc3hFCaIE_o-HKcxirU_ChXF1_Nbk3&index=14

    https://www.youtube.com/watch?v=ujQT0K5mWe4

    • HollyK_C1's avatar
      HollyK_C1
      Community Member

      I've seen stuff about Mighty floating around, but unfortunately we are pretty locked down as far as software access and new extensions are almost never approved.  It seems like a cool tool!  Thanks for the CSS tip too - I'll have to give that a try.

      • JohnPinkster-19's avatar
        JohnPinkster-19
        Community Member

        No problem!  Just right click and inspect the button and you will see there is a text-transform css property added. Just override it to text-transform: none and put that CSS 1-liner into your index.html.