processwire / processwire-issues

ProcessWire issue reports.
44 stars 2 forks source link

Uikit v3 admin theme color contrast of admin notes does not meet minimum color contract ratio suggested by WCAG #1928

Closed heybran closed 4 months ago

heybran commented 4 months ago

Short description of the issue

Uikit v3 admin theme (version: 0.3.3) admin notes text color and background color does not have enough color contract.

Expected behavior

Based on Color contrast, Minimum color contract ratio (AA rating) of body text should be 4.5 : 1

Actual behavior

Existing color contract ratio on notes is 3.0.3

Optional: Screenshots/Links that demonstrate the issue

image

Optional: Suggestion for a possible fix

Update #main .notes color to be #70757d to increase the contract ratio.

image

Steps to reproduce the issue

  1. Log into admin
  2. Check yellow notes as described above
  3. Use FireFox dev tool or other tools to check color contract against WCAG standards.

Setup/Environment

heybran commented 4 months ago

Sorry, closing this for now, as I found texts on other areas also have contract issue, so it doesn't make sense to only mention this one at the moment. I will help report other texts contract once I play more with ProcessWire and then update this issue.

BernhardBaumrock commented 4 months ago

Hey @heybran we have tried to improve accessibility in AdminStyleRock, so if you find time you might try out the dev branch of AdminStyleRock and let us know if you find any room for improvement! https://github.com/baumrock/AdminStyleRock/tree/dev

heybran commented 4 months ago

Hey @BernhardBaumrock sure thing, I will check it out.