Kilotest: Diagnoses of contrast poor violation by HTML element 494 on New_Public page

Basics

About the New_Public page

About HTML element 494

About the contrast poor issue

Diagnoses

Here is how tools diagnose the contrast poor issue for HTML element 494 of the New_Public page.

  1. Elements must meet minimum color contrast ratio thresholds; Element's background color could not be determined due to a pseudo element

    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.51:1. Recommendation: change background to #9e6a48.

    Tool: HTML CodeSniffer (Squiz Labs)

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

  3. Text contrast of 1.51 with its background is less than the WCAG AA minimum requirements for text of size 24px and weight of 500

    Tool: Accessibility Checker (IBM)

    Rule: text_contrast_sufficient