Kilotest: Rules belonging to contrast poor issue

About the contrast poor issue

• Why it matters: Content is difficult to understand
• Priority: highest
• Related WCAG standard: 1.4.3

Rules

• Alfa rules

  • r69: Text outside widget has subminimum contrast

• ASLint rules

  • color_contrast_state_pseudo_classes_abstract3: Text has contrast less than 3:1
  • color_contrast_state_pseudo_classes_abstract4: Text has contrast less than 4.5:1

• Axe rules

  • color-contrast: Element has insufficient color contrast

• HTML CodeSniffer rules

  • E-AAA.1_4_3.G145.Fail: Contrast between the text and its background is less than 3:1
  • E-AAA.1_4_3.G18.Fail: Contrast between the text and its background is less than 4.5:1
  • E-AAA.1_4_6.G18.Fail: Contrast between the text and its background is less than 4.5:1
  • E-WCAG2AAA.Principle1.Guideline1_4.1_4_6.G18.Fail: Element has insufficient contrast at conformance level AA; expected a contrast ratio of at least 4.5:1

• Accessibility Checker rules

  • text_contrast_sufficient: Text has a contrast with its background less than the WCAG AA minimum for its size and weight

• WAVE rules

  • contrast: Very low contrast

• WallyAX rules

  • ^This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of .+. Recommendation: change .+ to #.+$: Contrast between the element text and its background is less than 3:1
  • ^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 .+. Recommendation: change .+ to #.+$: Contrast between the element text and its background is less than 4.5:1