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>
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>