Kilotest: Diagnoses of hr misused violation by HTML element 255 on California Groundbreakers page

Here is how tools diagnose the hr misused issue for HTML element 255 of the California Groundbreakers page.

Basics

• About the hr misused issue
  • Why it matters: User cannot get help on the nature of segments of the document
  • Priority: lowest
  • Related WCAG standard: 1.3.1
• About the California Groundbreakers page
  • URL: https://www.californiagroundbreakers.org/
  • Tested on 2026-04-02 at 14:21
• About HTML element 255
  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: <div class="sqs-block-content">
  • XPath: /html/body/div[4]/main[1]/div[1]/div[1]/div[1]/div[1]/div[3]/div[1]
  • Bounding box: x = 482, y = 2437, width = 956, height = 1

Diagnoses

1. The <code><hr></code> element adds extra <q>noise</q> and can be confusing. For example VoiceOver reads it as <q>dimmed collapsed on top, horizontal separator</q>, Windows Narrator reads it as <q>end of line</q>. A better option is to replace <code><hr></code> with <code><div></code> and use CSS for styling. Alternatively, <code>aria-hidden='true'</code> or <code>role='presentation'</code> can be applied to the <code><hr></code> element.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: horizontal_rule