Kilotest: Diagnoses of hr misused violation by HTML element 453 on Centre for Effective Altruism page

Basics

About the Centre for Effective Altruism page

• URL: https://www.effectivealtruism.org/
• Tested 38 days ago by job 6gw on 2026-04-24 at 21:54

About HTML element 453

• Tag name: ARTICLE
• Text: WATCH … Lawyer turned animal welfare grantmaker
• Start tag: <article class="css-114v5l0-StoryCard-article">
• XPath: /html/body/div[1]/div[1]/div[1]/main[1]/section[5]/div[1]/div[2]/div[1]/div[1]/a[6]/article[1]
• Bounding box: x = 2100, y = 2111, width = 320, height = 838

Take me there

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

Diagnoses

Here is how tools diagnose the hr misused issue for HTML element 453 of the Centre for Effective Altruism page.

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