search

umbraco / Umbraco-CMS.Accessibility.Issues

6 stars 1 forks source link

Green CTA buttons - Fail minimum contrast #10

Open nul800sebastiaan opened 2 years ago

nul800sebastiaan commented 2 years ago

Steps to replicate: Green CTA buttons - Fail minimum contrast Foreground: #FFFFFF Background: #39D18C Ratio: 1.96:1 out of a required 4.5:1

Issue: Very low contrast: Text elements must have sufficient contrast

Why it matters: Adequate contrast of text is necessary for all users, especially users with low vision.

How to fix: Increase the contrast between the foreground (text) colour and the background colour. Large text (larger than 18 point or 14 point bold) does not require as much contrast as smaller text.

W3 reference: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html

tiffy74 commented 2 years ago

Well this took a lovely headache to figure out lol

So - in order to fix this issue we will have to ask Umbraco for access to this: https://dashboard.umbraco.org/css/dashboard.css?section={0}. This is what populates the welcome dashboard.

Hence it changes every so often :)

So I would propose putting this on hold for now. The issue is more likely about how the page and hence CSS is written - so we should get in touch with whoever writes this page. - Might be a good topic for the community visit!