Linter: Implement `a11y-nested-interactive-elements` rule

[marcoroth]

Implement the GitHub::Accessibility::NestedInteractiveElements rule from erblint-github.

Rule Details

Certain interactive controls such as button, summary, input, select, textarea, or a can't have interactive children. Nesting interactive elements produces invalid HTML, and assistive technologies, such as screen readers, might ignore or respond unexpectedly to such nested controls.

Examples

Incorrect code for this rule:

<button>
  <a href="https://github.com/">Go to GitHub</a>
</button>

Correct code for this rule:

<button>Confirm</button>

References

• erblint-github source
• erblint-github docs
• Deque University
• Accessibility Insights

Parent Issue

• erblint-github compatibility/parity #1205

[brunoprietog]

Aah yes this is the same as #281

[marcoroth]

Yes, great point. Thanks for flagging this @brunoprietog! 🙌🏼

I'll keep this one open for the sake of the erblint-github parity issue!

[joelhawksley]

PR: #1674