Update react-a11y-img-has-alt - area elements of image maps have alternate text

[HamletDRC]

area elements of image maps have alternate text - wcag2a, wcag111, section508, section508.22.a - From area-alt

[cthulhu-uu]

This is my first time in this repo and I'd like to contribute for Hacktoberfest. Can you please clarify what change is being requested? Thanks!

[JoshuaKGoldberg]

Awesome, welcome to the repo @cthulhu-uu! The more PRs the merrier.

I believe the issue is asking that the <area> element declared in <map> elements should be validated similar to regular <img> tags, in that they must have an alt attribute.

This should cause a react-a11y-image-has-alt complaint:

<map name="infographic">
    <area shape="poly" coords="7,35,49" href="/HTML" target="_blank" />
</map>

...but this should not (because of the alt):

<map name="infographic">
    <area shape="poly" coords="7,35,49" href="/HTML" target="_blank" alt="Happy face" />
</map>

/cc @HamletDRC in case I'm horribly wrong.

Is that the clarification you were looking for?

[cthulhu-uu]

@Chovin something you want to look at? 👀

[Chovin]

I'd love to take this on if that's alright. Thanks @cthulhu-uu! ❤️

[Chovin]

does the presentation role thing apply to these guys as well? where a null alt attribute is allowed if there is a role="presentation"?

[JoshuaKGoldberg]

☠️ It's time! ☠️

Per #876, this repository is no longer accepting feature pull requests. TSLint is being deprecated and we recommend you switch to https://typescript-eslint.io.

Thanks for open sourcing with us, everyone!