Kilotest: Diagnoses of contrast poor violation by HTML element 882 on Geohazards International page

Basics

About the page

• URL: https://www.geohaz.org/
• Tested 3 days ago on 2026-10-07 at 21:22 by job 261007T2113-7vg
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 11
  • Violations: 1480
  • Violators: 311
  • Issues: 53
• 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 6 rule engines (Accessibility Checker + Alfa + Axe + Pour + SureA11y + WAVE)
• Violations: 70
• Violators: 36

About the violator

• Tag name: SPAN
• Text: Sign Up!
• Start tag: <span class="StylableButton2545352419__label wixui-button__label" data-testid="stylablebutton-label">
• XPath: [not obtained]
• Bounding box: x = 1284, y = 3071, width = 77, height = 20
• Reported by Axe + Pour + SureA11y + WAVE

Diagnoses

Here is how rule engines diagnose the contrast poor issue for HTML element 882 of the Geohazards International page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 4.42 (foreground color: #d34923, background color: #ffffff, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1

   Rule engine: Axe (Deque)

   Rule: color-contrast

2. Text must have sufficient contrast against its background

   Rule engine: Pour (David Yarham and Geoffrey Crofte)

   Rule: color-contrast

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

   Rule engine: SureA11y (Jorge Rumoroso)

   Rule: contrast-minimum

4. Very low contrast

   Rule engine: WAVE (Utah State University)

   Rule: contrast