[#47551] - text-muted contrast
- New
- Medium
- Build: 5.4-dev
- # 47551
Steps to reproduce the issue
- add the class text-muted to any element in the atum template
Version
5.4
Expected result
contrast that passes wcag aa
Actual result
contrast is only 3.2:1
it should be at least 4.5:1
What device were you using? (eg, phone, laptop)
desktop
What web browser were you using? (eg, Chrome, Safari)
chrome Windows
Assistive Technology?
No response
Additional Comments
This was raised previously by @chmst but closed #41196
There are also two competing css in atum (both fail) not sure why
it is ok in dark mode
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
a11y
|
||
Please let me know if I can proceed or if there are any guidelines to follow.
Hi @jiteshkhatri11!
Please read #47215, It has answers to your questions.
@brianteeman I mentioned this years ago (you found the issue ..) , (for the warning on the update screens) but was told that this is normal and allowed for disabledd elements.
For disabled you are correct but text-muted is used in a lot of places
For disabled you are correct but text-muted is used in a lot of places
In case not disabled element, maybe better to use text-secondary?
EDIT: as BS does not manage well its own text color classes, so maybe text-body-secondary and/or text-body-tertiary would be better options.
After some test, text-body-secondary seems ok (using an opactity and correct contrast, opposed to not contrasted enough text-muted)
Hi, I’ve checked this issue and I can reproduce the contrast problem with the
.text-mutedclass in the Atum template.I would like to work on fixing this by adjusting the color to meet WCAG AA contrast requirements.
Please let me know if I can proceed or if there are any guidelines to follow.
Thank you!