Add checkAllHTMLElements option to no-redundant-landmark-role rule to lint against all HTML elements with default ARIA roles

[judithhinlung]

This PR fixes #2485.

Background

Most HTML elements have default/implicit ARIA roles, and setting a role that matches an element's default has no effect.

This PR adds an option, checkAllElementRoles, in the config for the existing no-redundant-landmark-role rule to expand its coverage to lint against all HTML elements with default roles.
This PR also adds the nav element and the navigation role to the list of allowed element-role pairings, as advised by the W3 for accessibility, and the footer element and contentinfo role are removed due to redundancy in their functions.

References:

• • ARIA Spec, ARIA Adds Nothing to Default Semantics of Most HTML Elements
• JSX no-redundant-roles rule

Allowed:

# examples
<nav role="navigation"></nav>
<form role="search"></form>
<input type="text" />

Forbidden:

# examples
<footer role="contentinfo"></footer>
<input type="checkbox" name="agree" value="checkbox1" role="checkbox" />
<select name="color" id="color" role="listbox" multiple><option value="default-color">black</option></select>

Testing

Tests: 5 skipped, 7545 passed, 7550 total
Snapshots: 990 passed, 990 total
Time: 139.005 s, estimated 159 s
Ran all test suites.
✨ Done in 152.69s.

[bmish]

Does the rule need to be renamed eventually?

[judithhinlung]

Yes I think renaming this rule eventually will make its purpose more clear.

[bmish]

@judithhinlung can you suggest a future name for it? That way, we can add it to the list of breaking changes in #2319.

[bmish]

Thanks!

[judithhinlung]

I think renaming this to no-redundant-role would capture the essence of the rule.