This is practical accessibility guidance for first-pass triage. It is not legal advice, a formal audit, WCAG certification, or a conformance guarantee.

What this means

Inline styles suggest text may not have enough contrast.

Why it matters

Low contrast makes text harder to read for many users, especially on mobile, in glare, or with low vision.

How to fix it

  • Adjust foreground and background colours.
  • Aim for at least 4.5:1 for normal text.
  • Check large text, UI states, and disabled-looking content separately.

What automated checks can detect

A checker can calculate obvious inline foreground and background colour pairs.

What still needs manual review

Test actual rendered colours, hover/focus states, images behind text, and design-system tokens.

Automation cannot fully evaluate all CSS cascade, image backgrounds, gradients, or dynamic states.

Canadian context

For Canadian organizations, this is a practical triage signal to fix before qualified review. It is not legal advice or a conformance decision.

Related tools and guides