img element - confusing test output

Affected page

https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website

Your code

<h2>CatPhotoApp</h2>
<main>
<IMG src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="relaxing cat with orege fur">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

Expected behavior

Somewhat confusingly, this code passes the first test but fails the third test. It isn’t immediately obvious to me why the capitalization doesn’t seem to matter to the first test but does to the third. Changing the IMG to img gets this code passing, but that isn’t obvious from the error message of “Your image element’s alt attribute should not be empty.”

[raisedadead]

What @ShaunSHamilton said:

I am in favour of allowing valid HTML to pass. That is, change the test to be case-insensitive.

[ShaunSHamilton]

@Sboonny An issue with the help wanted or first timers only label is open for contribution. The first comprehensive PR created will be reviewed and merged. We typically do not assign issues to anyone other than long-time contributors.

If you would like to contribute, and have not read the contributors docs, please do so here: https://contribute.freecodecamp.org/#/

If you have any issues with contributing, be sure to join us on the contributors channel, or on the contributors sub-forum

---

I am in favour of allowing valid HTML to pass. That is, change the test to be case-insensitive.