[#48048] - The contrast of the boxes is weak
- New
- Medium
- Build: 6.1
- # 48048
The contrast of the boxes is weak. Hardly visible.
Of course, this could be changed with CSS:
.form-check-input {
border: 1px solid #fff;
}
In WCAG 2.1, the border contrasts are not defined, but for WCAG 2.2 this will have to be stronger.
Votes
| Labels |
Removed:
?
|
||
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
sorry, hv problem to add the screenshot ...
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48048.
Example:
Example:
Example Screenshot from ChristineWK:
Example Screenshot from ChristineWK:
Screenshot is only visible on github at:
https://github.com//issues/48048
not visible on Tracker at:
https://issues.joomla.org/tracker/joomla-cms/48048#event-867765
Example Screenshot from ChristineWK:
This screenshot is only visible on github at:
#48048
not visible on Tracker at:
https://issues.joomla.org/tracker/joomla-cms/48048#event-867765
Example Screenshot from ChristineWK:
This screenshot is only visible on github at:
#48048
not visible on Tracker at:
https://issues.joomla.org/tracker/joomla-cms/48048#event-867765
Edit: Screenshot is now also visible on Tracker.
[6.1] The contrast of the boxes is weak
And on 5.4 it is ok?
[6.1] The contrast of the boxes is weak
And on 5.4 it is ok?
Unfortunately, I no longer have version 5.4. I'll ask a user, though.
[6.1] The contrast of the boxes is weak
And on 5.4 it is ok?
Unfortunately, I no longer have version 5.4. I'll ask a user, though.
Sorry, I forgot to mention that it concerns Dark Mode.
Info from @Sieger66:
identical to 5.4
1px solid #fff3;
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48048.
Info from @Sieger66:
identical to 5.4
1px solid #fff3;
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48048.
| Title |
|
||||||
| Labels |
Added:
a11y
|
||
See form-check-input-border at:
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48048.
See form-check-input-border at:
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48048.
Alternative solutions for Line 102:
form-check-input-border: var(--btn-light-border),
or:
form-check-input-border: 1px solid var(--template-text-light),
I'd recommend a border-width of 3px.
sorry, hv problem to add the screenshot ...
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48048.