Kilotest: Diagnoses of contrast poor violation by HTML element 675 on Giving Green page

Basics

About the page

• URL: https://www.givinggreen.earth/
• Tested 3 days ago on 2026-10-07 at 21:35 by job 261007T2113-wny
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 11
  • Violations: 1708
  • Violators: 531
  • Issues: 63
• Download the full technical report (JSON)

About the issue

• Why it matters: Content is difficult to understand
• Priority: highest
• Related WCAG standard: 1.4.3
• Reported by 7 rule engines (Accessibility Checker + Alfa + Axe + HTML CodeSniffer + Pour + SureA11y + WAVE)
• Violations: 52
• Violators: 23

About the violator

• Tag name: DIV
• Text: LEARN MORE
• Start tag: <div class="text-block">
• XPath: [not obtained]
• Bounding box: x = 1005, y = 7090, width = 99, height = 16
• Reported by Accessibility Checker + Axe + SureA11y

Diagnoses

Here is how rule engines diagnose the contrast poor issue for HTML element 675 of the Giving Green page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.72 (foreground color: #ffffff, background color: #ff7300, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

   Rule engine: Axe (Deque)

   Rule: color-contrast

2. Text contrast of 2.73 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 800

   Rule engine: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

3. Element has insufficient color contrast of 2.73:1 (foreground: #ffffff, background: #ff7300, font size: 16px, font weight: bold). Expected contrast ratio of 4.5:1 (normal text).

   Rule engine: SureA11y (Jorge Rumoroso)

   Rule: contrast-minimum