Kilotest: Diagnoses of hr misused violation by HTML element 676 on Parking Reform Network page

Basics

About the Parking Reform Network page

About HTML element 676

About the hr misused issue

Diagnoses

Here is how tools diagnose the hr misused issue for HTML element 676 of the Parking Reform Network 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