Forum Discussion

Tia's avatar
Tia
Community Member
7 years ago
Solved

Knowledge Check feedback font colour

Against the white background of the knowledge check block, the default feedback font colour of #707070 has a contrast ratio of 4.95:1, meeting WCAG 2.0 AA standards (which are the minimum we need to meet for compliance), but falling quite a bit short of AAA (which would obviously be preferable, because it's much nicer to have as accessible (and legible!) a course as possible).

Is there any chance the default colour for this text could be changed to #313537, the default colour for body text? This would raise the contrast ratio to 12.39:1, which is a great improvement in legibility.

The quiz lesson type suffers from a similar issue, but to a slightly greater degree due to two factors:

  1. When checking the font colour, it still shows up as #313537, despite it very obviously not being so when actually previewed.
  2. The feedback is given a light grey background in these lessons, which reduces the contrast further, to the point where it doesn't even pass WCAG AA standards.

Again, even with the grey background, if the text were the same colour as the default body text, the contrast ratio would easily meet WCAG AAA.

Screenshots of the text in its default colour and in the darker body colour attached for your reference.

EDIT 12/12/2023: As articulate have still not fixed this accessibility issue I looked into it further and it looks like my initial report that the feedback text barely managed a AA contrast ratio was mistaken — it doesn't even pass that low requirement.

  • Hello everyone, 🎉

    I'm happy to let you know we released a new update for Rise 360, adding the new feature below:

    • Answer colors in quizzes can now be set independently of theme color.

     

    There's nothing to install for web apps. New features and fixes are immediately available, though you might need to export your Rise 360 course again.

    Let me know if you have any questions about this update!