Forum Discussion
Articulate Rise Themes: Font colour in customized buttons
Thank you for offering more "theme" options in Articulate Rise. However, we face the problem that our company colour is yellow, which is now our accent colour in our Rise themes. As far as I can see, in each coloured button the font will always be white. In a yellow button, white typo is nearly not readable. Can I change this colour to another on, black for example? Or do you plan to give more options in customizing buttons and colours in the future?
- 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!
7 Replies
Similarly, no way to override text colour on tabs block (or switch from caps to lower case). This means you need to choose theme colours which contrast sufficiently with a white background (ie lighter themes will fail WCAG 2.1 AA by default because this cannot be adjusted).
Hello,
I am also having a problem with a lighter theme colour not complying with WCAG 2.1 AA in knowledge check and quiz blocks. I see no way to override this and the contrast options in the theme panel don't work.
If you don't want to use the theme color for your questions (Knowledge Checks or Quizzes), you can select different colours.
For Quizzes, this is set once at the bottom of the Quiz Settings page:
For Knowledge Checks this needs to be set for every question:
In both cases your questions will now look like this (based on the colors you chose):
- 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! I also have this issue, where a main client of ours - a global organisation, has its accent colour of yellow and white text on yellow for buttons and dividers is not acceptable.
I'm looking for a workaround for this quickly, otherwise I will have to stop using RISE for this client.
- Hi Beth!Sorry to hear you are running into this issue with the text and accent colors in your Rise course.Although we don't have an ETA yet, we currently have the Text Contrast Controls feature in our roadmap. This feature may be able to help in your scenario -- light text on course navigation buttons, cover pages, and headers will be used on dark colors and vice versa.We'll update this thread as soon as we have any new updates on this feature. Have a great day!
Hi there, Stefanie! Thanks so much for bringing this up, and I can see how this would be a challenge when using a light theme color, like yellow.
I'm going to share this with my team to see how we can help, and I'll update you if anything changes!
