Starting this issue, as a placeholder for accessibility review. Leave this open until Claro is marked as stable in Drupal core.
Assess how well Claro performs when a Windows High Contrast theme is in place.
This is not intended as an implementation issue. Create child issues to fix any problems that are discovered.
css/src/components/pager.css
, I found a white border:@media (-ms-high-contrast: active) {
.pager__link.is-active {
border: var(--pager-border-width) solid var(--color-white);
}
}
Solved in
#3194669: Misuse of explicit colour for active pager item in -ms-high-contrast media query →
These issues also occur in other themes (including Seven) and need to be fixed within their core components.
-ms-high-contrast
media query does not work in Firefox, even though the browser has some reasonable support for Windows High Contrast mode. Don't rely on this media query to convey any essential information.black-on-white
or white-on-black
values for the -ms-high-contrast
media query. These aren't matched by user-specified high-contrast colour schemes.-ms-high-contrast-adjust
property.For Claro as an experimental theme in Drupal core:
3 browsers currently respond to Windows High Contrast mode.
-ms-high-contrast
media query. Strips out CSS background images.We don't have to achieve exactly the same appearance in all of these, and aesthetics is low priority. Rather, we should make sure there isn't any functionality/information which which works in one browser, but not another. For example:
-ms-high-contrast
media query. Relying on this to fix issues may result in a WCAG failure in Firefox.Needs work
11.0 🔥
Claro theme
It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.
Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.