Essential theme quiz feedback colours are not accessible

Essential theme quiz feedback colours are not accessible

napisao/la Tracey Collins -
Broj odgovora: 5

Hi,

We are using Moodle v2.8 with Essential theme v2.8.1.5 (Build: 2015040900). 

We have noticed that the feedback provided to students in a quiz is not accessible to students who have low vision due to the low contrast between the foreground and background colours.

Contrast warning on quiz feedback screen.

Could the contrast be improved within the plugin, by changing the default colour of the text to a darker tone, or could someone please let me know what I should include in my custom css to change the font colour for the quiz feedback?

Thanks

Prosjek ocjena: -
Odgovor na Tracey Collins

Re: Essential theme quiz feedback colours are not accessible

napisao/la Gareth J Barnard -
Slika Core developers Slika Particularly helpful Moodlers Slika Plugin developers

Yes the colours need to be improved.  If I can replicate, I'll classify as a bug, fix it and release a new version.  I don't know the CSS yet.  As the styles are taken from the quiz module, what does it look like in the Clean theme please?  What are the values for your Essential colour settings please?

Prosjek ocjena: -
Odgovor na Gareth J Barnard

Re: Essential theme quiz feedback colours are not accessible

napisao/la Gareth J Barnard -
Slika Core developers Slika Particularly helpful Moodlers Slika Plugin developers

Ok, interesting, the box is an 'alert': https://github.com/moodle/moodle/blob/MOODLE_29_STABLE/theme/bootstrapbase/less/moodle/question.less#L225-L229 - which has its colours defined here: https://github.com/moodle/moodle/blob/MOODLE_29_STABLE/theme/bootstrapbase/less/bootstrap/variables.less#L233-L234.  Thus this and all alerts also have an accessibility issue in core too, see attached:

Privitak 2015-07-17 18_59_16-A quiz.jpg
Prosjek ocjena: -
Odgovor na Gareth J Barnard

Re: Essential theme quiz feedback colours are not accessible

napisao/la Gareth J Barnard -
Slika Core developers Slika Particularly helpful Moodlers Slika Plugin developers

So general workaround CSS for this specific case would be along the lines of:

.que .formulation, .que .outcome, .que .comment { color: #000; }
Prosjek ocjena: -
Odgovor na Gareth J Barnard

Re: Essential theme quiz feedback colours are not accessible

napisao/la Gareth J Barnard -
Slika Core developers Slika Particularly helpful Moodlers Slika Plugin developers

Interestingly, BS3 has changed this: https://github.com/twbs/bootstrap/blob/master/less/variables.less#L507-L508.

For Essential I've raised: https://github.com/gjb2048/moodle-theme_essential/issues/514 to remind me!

For Moodle, I've raised: MDL-50869 which I intend to implement.

This is how it looks after applying the colour change:

Privitak 2015-07-17 19_26_42-A quiz.jpg
Prosjek ocjena: -