☂️ Port `a11y` rules to HTML

[ematipico]

Description

All lint rules that belong to a11y are applied only to JSX language. Now that our HTML linter is up and running, we can port those rules. Here's the list:

• noAccessKey
• noAriaHiddenOnFocusable
• noAriaUnsupportedElements
• noAutofocus
• noHeaderScope
• noInteractiveElementToNoninteractiveRole
• noLabelWithoutControl
• noNoninteractiveElementInteractions
• noNoninteractiveElementToInteractiveRole
• noNoninteractiveTabindex
• noPositiveTabindex
• noRedundantAlt
• noRedundantRoles
• noStaticElementInteractions
• noSvgWithoutTitle
• useAltText
• useAnchorContent
• useAriaActivedescendantWithTabindex
• useAriaPropsForRole feat(lint/html): implement useAriaPropsForRole for html #8381
• useAriaPropsSupportedByRole
• useFocusableInteractive
• useHeadingContent
• useHtmlLang feat(lint/html): add useHtmlLang #8262
• useKeyWithClickEvents
• useKeyWithMouseEvents
• useMediaCaption
• useSemanticElements
• useValidAnchor
• useValidAriaProps
• useValidAriaRole feat(lint/html): implement useValidAriaRole for html #8307
• useValidAriaValues
• useValidAutocomplete

Important

• PRs must go to the next branch, with a minor changeset
• You have to comment if you're working on a rule. This will avoid having multiple contributors working on the same rule. In case of double PRs, precedence will go to users that comment here

Note

• When working on a rule, you also need to consider .astro, .vue and .svelte files. These files might have their own syntax and nodes. Refer to the html.ungram file
• We still don't have a way to query variables and components exposed by the JavaScript embedded code. If you happen to need that information, please consider making the rule more lax and adding this to the documentation using the following syntax

  :::note
  Explanation here...  
  :::

Want to contribute? Let us know you are interested! We will assign you to the issue to prevent several people to work on the same issue. Don't worry, we can unassign you later if you are no longer interested in the issue! Read our contributing guide and analyzer contributing guide.

[db295]

Can you assign me to the useValidLang please?

[dyc3]

Comment on #8229 please @db295

[ashnewmanjones]

Can you assign useButtonType to me please?

[ematipico]

Thank you @ashnewmanjones , please comment in #8241 and I will assign it to you

[mehm8128]

Can you assign noDistractingElements to me please?