Rule proposal: Allow routerLink only on "a" tags (Accessibility)

[json-derulo]

Angular allows their routerLink directive on many HTML elements, like a, button or div. However putting this directive to any other element than a has many drawbacks:

• When hovering the element, the user will not see the href of the link on the bottom left corner of his browser window
• The user cannot right-click the element in order to perform further actions with the link
• The user cannot perform advanced actions on the link, like control/command or middle wheel click to open the link in a new tab
• In case of non-interactive elements (i.e. div), the element is selectable with the keyboard (because Angular adds tabindex="0"), however there is no way to "click" the link with the keyboard in order to trigger the navigation
• Web crawlers might not recognize those elements as a link, which may have SEO implications

My proposal is to add a new rule @angular-eslint/template/prefer-router-link-a. Whenever the routerLink directive is used on any other element than a, an error is raised.