Kilotest: Diagnoses of heading structure illogical violation by HTML element 528 on Opportunity Green page

Basics

About the page

• URL: https://www.opportunitygreen.org/
• Tested 3 days ago on 2026-10-07 at 22:06 by job 261007T2138-sqp
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 10
    • Reported any rule violations: 10
  • Violations: 767
  • Violators: 303
  • Issues: 72
• Download the full technical report (JSON)

About the issue

• Why it matters: Helper misdescribes the page
• Priority: low
• Related WCAG standard: 1.3.1
• Reported by 2 rule engines (ASLint + HTML CodeSniffer)
• Violations: 10
• Violators: 10

About the violator

• Tag name: DIV
• Text: Shipping … Learn more
• Start tag: <div class="topicCardBody" style="padding: 34px 34px 34px 34px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-grow: 1; position: relative; z-index: 1;">
• XPath: /html/body/div[3]/main[1]/section[3]/div[1]/div[1]/div[1]/a[1]/div[1]
• Bounding box: x = 320, y = 1619, width = 411, height = 239
• Reported by ASLint

Diagnoses

Here is how rule engines diagnose the heading structure illogical issue for HTML element 528 of the Opportunity Green page.

1. Expected <code><h4 class="topicCardTitle" style="font-size: 28px; font-weight: 700; margin: 0 0 16px 0; line-height: 100%; color: inherit !important;"> Shipping </h4></code> to be <code><h3></code>

   Rule engine: ASLint (eSSENTIAL Accessibility)

   Rule: headings_hierarchy