rule: <img> has @alt attribute about layout-linter HOT 2 CLOSED

I think we should just stick to the following set of obvious/intuitive types of checks:

isTag: '...'
children: [...]
notChildren: [...]
directChildren: [...]
notDirectChildren: [...]
attributes: [...]
notAttributes: [...]

and let the users create whatever rules they like with the above and not add extra checks that are basically wrappers of the above checks (like imageIsAccessible, typeIsText, etc..) and that the dev will have to keep in mind on top of the basic ones.

I think it will be quicker/easier for a dev to write:

{
  selector: '.my-image',
  attributes: ['alt', 'attr-2', 'attr-3', 'attr-4']
}

than :

{
  selector: '.my-image',
  imageIsAccessible: true,
  attributes: ['attr-2', 'attr-3', 'attr-4']
}

from layout-linter.

Thanks for the feedback, as you said they are merely wrappers, moreover that would require people to learn them. While with basic rules we can make is more straightforward to use the tool.

from layout-linter.