[alt-text] input element with all types should have check about angular-eslint HOT 2 OPEN

I can see how the alt-text rule name can be interpreted as "alternative text", indicating aria-label, but I believe alt-text is related to image-alt

In https://dequeuniversity.com/rules/axe/4.8/label the rule description says

Each form element must have a programmatically associated label element.

Which closely relates to rule label-has-associated-control However, this does not check if an input has aria-label attribute.

I believe this was done intentionally not to encourage the use of ARIA as "No ARIA is better than Bad ARIA"¹

I hope this helps clear the confusion 😄

from angular-eslint.

@estevezluis I don't understand your explanation ? In the rule source code, it is clearly stated in the description, that it involves alternative text with aria-label etc. ?

We want to have a warning/error when we have a button that says "upload file", but there is no visible label above. This is common use case. This rule should target that, or another rule should be created that does that, if this rule is only meant for images, but then the description of this rule is wrong. 🙏

link

export default createESLintRule<Options, MessageIds>({
  name: RULE_NAME,
  meta: {
    type: 'suggestion',
    docs: {
      description:
        '[Accessibility] Enforces alternate text for elements which require the alt, aria-label, aria-labelledby attributes.',
    },
    schema: [],
    messages: {
      altText: '<{{element}}/> element must have a text alternative.',
    },
  },

from angular-eslint.