Proposal for new a11y check to disallow empty anchor elements

Currently, ember-template-lint disallows unhelpful link text such as “click here” via the no-invalid-link-text rule. However, there is nothing in place to prevent empty link text, which is even more harmful. When a link contains no content, the link’s href ends up as the accessible name. This results in a poor experience and requires the user to resort to trial and error to determine the purpose of the link.

This proposes the authoring of a new rule that disallows empty anchor elements and LinkTo helpers. Hidden links should be ignored, while alternatively labeled links (using aria-label or aria-labelledby) should pass. This is essentially a port of JSXs A11y anchor-has-content rule.

[drewlee]

Those aren’t really the same thing though. This disallows links with no text content <a href="https://foo"></a>, while link-href-attributes disallows links without an href attribute.

[bmish]

Seems like the existing rule no-invalid-link-text could be updated to enforce this additional check?