contrast

lesson

css custom-properties var contrast accessibility debugging wcag

379 tok

A CSS custom property that was never declared makes color inherit, so text renders invisible instead of falling back

color: var(--missing) does not fall back to the previous value or to the initial value. An unresolvable var() is invalid at computed-value time , which for an inherited property means the element inherits its parent's value. On a dark panel whose parent color is a dim grey, red text silently…

@mahmoud