Kilotest: Violations of contrast poor issue for Institute for Progress US Energy Data Electricity Demand page

Basics

About the page

• URL: https://usenergydata.org/electricity-demand/
• Tested 3 days ago on 2026-10-07 at 21:52 by job 261007T2132-e35
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 11
    • Reported any rule violations: 10
  • Violations: 1524
  • Violators: 204
  • Issues: 40
• 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: 264
• Violators: 63

Violators

Here are the HTML elements reported to violate rules belonging to the contrast poor issue.

Take me there links will open the page in a new tab and try to scroll to the element and highlight it. This does not always succeed. You can return here by closing the new tab.

• Element 0

  • Tag name: HTML
  • Text: [not applicable]
  • Start tag: <html lang="en">
  • XPath: /html
  • Bounding box: x = 0, y = 0, width = 1920, height = 7801
  • Reported by Accessibility Checker
  • What diagnoses were reported?

• Element 256

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[1]/div[1]/div[1]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 247

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[1]/div[1]/div[2]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 257

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[1]/div[1]/div[2]/div[2]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 248

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[1]/div[3]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 260

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[1]/div[4]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 259

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[1]/div[4]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 92

  • Tag name: DIV
  • Text: Electricity consumption by state … Using the dropdown menu, you can explore this data for individual sectors: residential, commercial, industrial, and transport. Using the other chart tabs, you can see how consumption is changing over time, and the magnitude of differences between states.
  • Start tag: <div class="section-text">
  • XPath: /html/body/div[2]/div[1]/div[1]/div[1]
  • Bounding box: x = 646, y = 620, width = 760, height = 271
  • Reported by Alfa
  • Take me there
  • What diagnoses were reported?

• Element 103

  • Tag name: DIV
  • Text: Open full chart ↗
  • Start tag: <div class="chart-embed-footer">
  • XPath: /html/body/div[2]/div[1]/div[1]/div[2]/div[1]
  • Bounding box: x = 647, y = 1660, width = 902, height = 36
  • Reported by Alfa
  • What diagnoses were reported?

• Element 104

  • Tag name: A
  • Text: Open full chart ↗
  • Start tag: <a href="/charts/electricity-consumption-by-state" target="_blank">
  • XPath: /html/body/div[2]/div[1]/div[1]/div[2]/div[1]/a[1]
  • Bounding box: x = 1440, y = 1669, width = 93, height = 19
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 106

  • Tag name: DIV
  • Text: Electricity consumption per person … Using the other chart tabs, you can see how consumption is changing over time, and the magnitude of differences between states.
  • Start tag: <div class="section-text">
  • XPath: /html/body/div[2]/div[1]/div[2]/div[1]
  • Bounding box: x = 646, y = 1818, width = 760, height = 227
  • Reported by Alfa
  • Take me there
  • What diagnoses were reported?

• Element 114

  • Tag name: DIV
  • Text: Open full chart ↗
  • Start tag: <div class="chart-embed">
  • XPath: /html/body/div[2]/div[1]/div[2]/div[2]
  • Bounding box: x = 646, y = 2073, width = 904, height = 778
  • Reported by Alfa
  • What diagnoses were reported?

• Element 116

  • Tag name: DIV
  • Text: Open full chart ↗
  • Start tag: <div class="chart-embed-footer">
  • XPath: /html/body/div[2]/div[1]/div[2]/div[2]/div[1]
  • Bounding box: x = 647, y = 2814, width = 902, height = 36
  • Reported by Alfa
  • What diagnoses were reported?

• Element 117

  • Tag name: A
  • Text: Open full chart ↗
  • Start tag: <a href="/charts/electricity-consumption-per-capita" target="_blank">
  • XPath: /html/body/div[2]/div[1]/div[2]/div[2]/div[1]/a[1]
  • Bounding box: x = 1440, y = 2823, width = 93, height = 19
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 129

  • Tag name: DIV
  • Text: Open full chart ↗
  • Start tag: <div class="chart-embed-footer">
  • XPath: /html/body/div[2]/div[1]/div[3]/div[2]/div[1]
  • Bounding box: x = 647, y = 3913, width = 902, height = 36
  • Reported by Alfa
  • What diagnoses were reported?

• Element 130

  • Tag name: A
  • Text: Open full chart ↗
  • Start tag: <a href="/charts/load-growth-twh" target="_blank">
  • XPath: /html/body/div[2]/div[1]/div[3]/div[2]/div[1]/a[1]
  • Bounding box: x = 1440, y = 3922, width = 93, height = 19
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 142

  • Tag name: DIV
  • Text: Open full chart ↗
  • Start tag: <div class="chart-embed-footer">
  • XPath: /html/body/div[2]/div[1]/div[4]/div[2]/div[1]
  • Bounding box: x = 647, y = 5039, width = 902, height = 36
  • Reported by Alfa
  • What diagnoses were reported?

• Element 143

  • Tag name: A
  • Text: Open full chart ↗
  • Start tag: <a href="/charts/load-growth-pct" target="_blank">
  • XPath: /html/body/div[2]/div[1]/div[4]/div[2]/div[1]/a[1]
  • Bounding box: x = 1440, y = 5048, width = 93, height = 19
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 155

  • Tag name: DIV
  • Text: Open full chart ↗
  • Start tag: <div class="chart-embed-footer">
  • XPath: /html/body/div[2]/div[1]/div[5]/div[2]/div[1]
  • Bounding box: x = 647, y = 6165, width = 902, height = 36
  • Reported by Alfa
  • What diagnoses were reported?

• Element 156

  • Tag name: A
  • Text: Open full chart ↗
  • Start tag: <a href="/charts/electricity-load-growth" target="_blank">
  • XPath: /html/body/div[2]/div[1]/div[5]/div[2]/div[1]/a[1]
  • Bounding box: x = 1440, y = 6174, width = 93, height = 19
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 167

  • Tag name: DIV
  • Text: Open full chart ↗
  • Start tag: <div class="chart-embed-footer">
  • XPath: /html/body/div[2]/div[1]/div[6]/div[2]/div[1]
  • Bounding box: x = 647, y = 7192, width = 902, height = 36
  • Reported by Alfa
  • What diagnoses were reported?

• Element 168

  • Tag name: A
  • Text: Open full chart ↗
  • Start tag: <a href="/charts/electricity-consumption-by-sector" target="_blank">
  • XPath: /html/body/div[2]/div[1]/div[6]/div[2]/div[1]/a[1]
  • Bounding box: x = 1440, y = 7201, width = 93, height = 19
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 297

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/div[3]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 299

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/div[4]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 298

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/div[4]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 300

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/div[4]/div[2]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 263

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/dl[1]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 265

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/dl[1]/div[2]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 266

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/dl[1]/div[3]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 267

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/dl[1]/div[4]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 268

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[2]/dl[1]/div[5]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 73

  • Tag name: DIV
  • Text: CONTENTS
  • Start tag: <div class="toc-header" id="toc-header">
  • XPath: /html/body/div[2]/nav[1]/div[1]
  • Bounding box: x = 326, y = 564, width = 240, height = 31
  • Reported by Alfa
  • Take me there
  • What diagnoses were reported?

• Element 74

  • Tag name: SPAN
  • Text: CONTENTS
  • Start tag: <span class="toc-title">
  • XPath: /html/body/div[2]/nav[1]/div[1]/span[1]
  • Bounding box: x = 326, y = 564, width = 69, height = 18
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • Take me there
  • What diagnoses were reported?

• Element 80

  • Tag name: LI
  • Text: Electricity consumption per person
  • Start tag: <li>
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[2]
  • Bounding box: x = 326, y = 639, width = 240, height = 28
  • Reported by Alfa
  • What diagnoses were reported?

• Element 81

  • Tag name: A
  • Text: Electricity consumption per person
  • Start tag: <a href="#electricity-consumption-per-person" data-id="electricity-consumption-per-person">
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[2]/a[1]
  • Bounding box: x = 326, y = 639, width = 240, height = 28
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 82

  • Tag name: LI
  • Text: Year-on-year change in consumption
  • Start tag: <li>
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[3]
  • Bounding box: x = 326, y = 667, width = 240, height = 28
  • Reported by Alfa
  • What diagnoses were reported?

• Element 83

  • Tag name: A
  • Text: Year-on-year change in consumption
  • Start tag: <a href="#year-on-year-change-in-consumption" data-id="year-on-year-change-in-consumption">
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[3]/a[1]
  • Bounding box: x = 326, y = 667, width = 240, height = 28
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 84

  • Tag name: LI
  • Text: Annual relative change in consumption
  • Start tag: <li>
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[4]
  • Bounding box: x = 326, y = 696, width = 240, height = 45
  • Reported by Alfa
  • What diagnoses were reported?

• Element 85

  • Tag name: A
  • Text: Annual relative change in consumption
  • Start tag: <a href="#annual-relative-change-in-consumption" data-id="annual-relative-change-in-consumption">
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[4]/a[1]
  • Bounding box: x = 326, y = 696, width = 240, height = 45
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 86

  • Tag name: LI
  • Text: Electricity load growth
  • Start tag: <li>
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[5]
  • Bounding box: x = 326, y = 742, width = 240, height = 28
  • Reported by Alfa
  • What diagnoses were reported?

• Element 87

  • Tag name: A
  • Text: Electricity load growth
  • Start tag: <a href="#electricity-load-growth" data-id="electricity-load-growth">
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[5]/a[1]
  • Bounding box: x = 326, y = 742, width = 240, height = 28
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 88

  • Tag name: LI
  • Text: Electricity consumption by sector
  • Start tag: <li>
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[6]
  • Bounding box: x = 326, y = 770, width = 240, height = 28
  • Reported by Alfa
  • What diagnoses were reported?

• Element 89

  • Tag name: A
  • Text: Electricity consumption by sector
  • Start tag: <a href="#electricity-consumption-by-sector" data-id="electricity-consumption-by-sector">
  • XPath: /html/body/div[2]/nav[1]/ul[1]/li[6]/a[1]
  • Bounding box: x = 326, y = 770, width = 240, height = 28
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • What diagnoses were reported?

• Element 200

  • Tag name: DIV
  • Text: Suggest an improvementHave an idea for this page, or an official dataset we should add?
  • Start tag: <div>
  • XPath: /html/body/div[3]/div[1]/div[1]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • Take me there
  • What diagnoses were reported?

• Element 205

  • Tag name: DIV
  • Text: What’s this about?This pageNew dataset
  • Start tag: <div class="sg-field">
  • XPath: /html/body/div[3]/div[1]/div[2]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • Take me there
  • What diagnoses were reported?

• Element 269

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/div[2]/div[1]/div[1]/div[2]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 251

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/div[3]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 271

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/div[4]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 270

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/div[4]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 303

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/dl[1]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 305

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/dl[1]/div[2]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 306

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/dl[1]/div[3]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 307

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/dl[1]/div[4]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 308

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[3]/dl[1]/div[5]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 275

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[4]/dl[1]/div[1]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 277

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[4]/dl[1]/div[2]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 278

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[4]/dl[1]/div[3]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 279

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[4]/dl[1]/div[4]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 280

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: [not obtained]
  • XPath: /html/body/div[4]/dl[1]/div[5]
  • Bounding box: [not obtained]
  • Reported by Alfa
  • What diagnoses were reported?

• Element 186

  • Tag name: DIV
  • Text: US Energy Data is a project of the Institute for Progress, a nonprofit based in the US. … The charts are licensed under CC-BY-SA. Third-party materials, including some underlying data, are subject to third-party licenses.
  • Start tag: <div class="footer-legal">
  • XPath: /html/body/footer[1]/div[1]/div[2]
  • Bounding box: x = 240, y = 7685, width = 1440, height = 53
  • Reported by Alfa
  • Take me there
  • What diagnoses were reported?

• Element 187

  • Tag name: P
  • Text: US Energy Data is a project of the Institute for Progress, a nonprofit based in the US.
  • Start tag: <p>
  • XPath: /html/body/footer[1]/div[1]/div[2]/p[1]
  • Bounding box: x = 240, y = 7685, width = 1440, height = 22
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • Take me there
  • What diagnoses were reported?

• Element 189

  • Tag name: P
  • Text: The charts are licensed under CC-BY-SA. Third-party materials, including some underlying data, are subject to third-party licenses.
  • Start tag: <p>
  • XPath: /html/body/footer[1]/div[1]/div[2]/p[2]
  • Bounding box: x = 240, y = 7715, width = 1440, height = 22
  • Reported by Accessibility Checker + Axe + Pour + SureA11y + WAVE
  • Take me there
  • What diagnoses were reported?

• Element 62

  • Tag name: INPUT
  • Text: [not applicable]
  • Start tag: <input type="text" id="nav-search-input" class="nav-search-input" placeholder="Search charts…" autocomplete="off" spellcheck="false" style="">
  • XPath: /html/body/header[1]/div[1]/nav[1]/div[4]/input[1]
  • Bounding box: x = 1520, y = 17, width = 160, height = 30
  • Reported by Pour
  • What diagnoses were reported?