Kilotest: Diagnoses of heading empty violation by HTML element 567 on Translation Commons volunteer page

Basics

About the page

About the issue

About the violator

Diagnoses

Here is how rule engines diagnose the heading empty issue for HTML element 567 of the Translation Commons volunteer page.

  1. Headings should not be empty; Element does not have text that is visible to screen readers; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element has no title attribute

    Rule engine: Axe (Deque)

    Rule: empty-heading

  2. <p>Headings and subheadings create a <a href="https://www.w3.org/WAI/tutorials/page-structure/headings/" target="_blank" title="Opens in new tab">navigable table of contents</a> for assistive devices. The numbers indicate indents in a nesting relationship:</p> <ul> <li>Heading level 1 <ul> <li>Heading level 2: a topic <ul><li>Heading level 3: a subtopic</li></ul></li> <li>Heading level 2: a new topic</li> </ul> </li> </ul> <p>Empty headings create confusing gaps in this outline: they could mean the following content is still part of the previous section, or that the text was unpronounceable for some reason.</p> <p><strong>To fix:</strong> add text to this heading, or delete this empty line.</p>

    Rule engine: Editoria11y (Princeton University)

    Rule: headingEmpty

  3. Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

    Rule engine: HTML CodeSniffer (Squiz Labs)

    Rule: E-WCAG2AAA.Principle1.Guideline1_3.1_3_1.H42.2

  4. Heading element has no descriptive content

    Rule engine: Accessibility Checker (IBM)

    Rule: heading_content_exists

  5. Headings must contain text

    Rule engine: Pour (David Yarham and Geoffrey Crofte)

    Rule: empty-heading

  6. Empty heading

    Rule engine: WAVE (Utah State University)

    Rule: heading_empty