Require elements to have valid text (text-content)

Requires presence or absence of textual content on an element (or one of its children). Whitespace is ignored.

It comes in three variants:

• Text must be absent.
• Text must be present.
• Text must be accessible (regular text or aria attributes).

Bundled HTML5 elements only specify accessible text but custom elements can specify others.

By default this rules validates:

• <button>

Rule details

Examples of incorrect code for this rule:

<button type="button"></button>

error: <button> must have accessible text (text-content) at inline:1:2:
> 1 | <button type="button"></button>
    |  ^^^^^^


1 error found.

Examples of correct code for this rule:

<!-- regular static text -->
<button type="button">Add item</button>

<!-- text from aria-label -->
<button type="button" aria-label="Add item">
  <i class="fa-solid fa-plus" aria-hidden="true"></i>
</button>