Forum Discussion
Change button text colour
Hello,
I try to personnalize a button using the "button" function in Rise and I'm unable to figure how to change the colour of the text in the button. I can change the background-color of the row, the background-color of the button but not the text-color of the button.
Is it possible? If yes, how?
I tried with firefox and Chrome, last versions.
Thanks for your help,
- Hi there!Good news! You can now use theme color contrast to make sure that text or icons that appear on top of a theme color meet contrast guidelines automatically.To use this new feature, simply go to the Theme tab, select Colors and choose one of the following options:
- Auto: Turns text and meaningful graphics to black or white automatically depending on your accent color to meet the minimum accessibility contrast requirements.
- Dark: Turns text and meaningful graphics to black.
- Light: Turns text and meaningful graphics to white.
Once you’ve given it a try, we’d love to hear what you think!
24 Replies
Hi Joyce, great question!
The button text color in a Button Block is always white, but you can change the color of the button itself.
Thanks for your answer Alyssa.
Well... I know what I need to do ;)
If someone reading this agree with me, can you please take some time to fill a feature request? https://articulate.com/support/contact/feature-request
You cant change the button text color?! Huh? That's so weird.
Has this been updated? I don't see a way to change the color of button text but this is something that would be very helpful for accessibility.
Buttons in Rise with white text fail the WCAG color contrast at AA and AAA for normal and large text when it is white text on bright and even some dark colors.
I have a whole theme designed and the color with black print that I am using passes all of the WCAG contrast standards but white text on the same color fails all of them. See the images attached, they are from the WebAIM Contrast Checker.
Guess I should have started by checking the buttons. If I could change the button text to black it would pass and save me time that I now have to use to rework my design with a color that will pass.
Are there any other ways to make this work?Agreed! A huge issue for making an accessible course.
Hi Mary!
I can understand how white text on a button would be an accessibility issue, especially depending on the button's color. While there isn't a way to change the button text color or formatting right now, I will certainly bring this up with our Product team. I'll send you an update if we make adjustments that will help you!
Thanks!
Hi! I wanted to see if there was any update on this discussion of being able to change the font color on a button. The only option being white is very limiting, as it is nearly impossible to see on many theme colors. Thank you!
We haven't made any updates to button font color yet. I appreciate your feedback and thanks for checking in!
I am struggling with this issue, too. I have default CI-colours in a rise-project, and it would be really nice to change the font colour in buttons for more contrast.
I noticed Rise UI text changes it's contrast based on the base colour selection but sadly have no feature for content developer to do the same.
I have logged a feature request for this to be amended as it is a huge oversight in good design development I feel. If you agree perhaps you would also add your weight to the situation and raise a feature request for this also!
