Kilotest: Diagnoses of contrast poor violation by HTML element 396 on Tradeoffs page

Basics

About the Tradeoffs page

About HTML element 396

About the contrast poor issue

Diagnoses

Here is how rule engines diagnose the contrast poor issue for HTML element 396 of the Tradeoffs page.

  1. Elements must meet minimum color contrast ratio thresholds; Element's background color could not be determined because element contains an image node

    Tool: Axe (Deque)

    Rule: color-contrast

  2. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676.

    Tool: HTML CodeSniffer (Squiz Labs)

    Rule: E-WCAG2AAA.Principle1.Guideline1_4.1_4_6.G18.Fail

  3. Very low contrast

    Tool: WAVE (Utah State University)

    Rule: contrast