HTML5 validation fail with lazy load

The lazy load feature uses the data-lazy attribute of the IMG tag. Unfortunately, this means that the src attribute is missing, which causes HTML5 validation to fail.

Error message from W3C validator: Element img is missing required attribute src.

Reference paragraph from HTML5 spec: The src attribute must be present, and must contain a valid non-empty URL potentially surrounded by spaces referencing a non-interactive, optionally animated, image resource that is neither paged nor scripted.

A possible solution, is to use a src attribute with a place-holder image (low res thumb, animated loader, small icon, etc). For example, another script which support lazy loading, uses the following IMG tag format:

<img src="icon.png" data-src="image250x.jpg" data-src-retina="image500x-retina.jpg">

[ghost]

I did not solve the problem, I only offered a possible solution. If we try to use the src attribute, then it breaks the lazy load engine. I also tried using a small place-holder image and it completely broke the slider height.

Why is HTML5 validation not relevant? I believe it is more relevant than before, even google gives higher marks in their search engine to sites with valid HTML5 code, over others.

[simeydotme]

This is not a bug, and you’ve solved your own problem 😄 HTML Validation is not relevant today 😕