noscript image when javascript is disabled

Asked Dec 20 '19 at 09:49

Active Dec 20 '19 at 09:49

Viewed 91 times

I run my code through W3 validator.

And it's giving me this error:

"Element noscript not allowed as child of element picture in this context. (Suppressing further errors from this subtree.)"

How can I improve the code to avoid the in the element?

<picture>

    <source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
    <img src="mdn-logo-narrow.png" alt="MDN">

    {# When lazyloading, include noscript to still render image when JS is off #}
    {% if lazyload %}
      <noscript>
        <img src="mdn-logo-narrow.png" alt="MDN">
      </noscript>

</picture>

asked Dec 20 '19 at 09:49

user11001232

Try wrapping that bit in a `div` tag, see if it works. – Ali Beyit Dec 20 '19 at 10:02
The `` tag is already wrapped in a `
`.
– user11001232 Dec 20 '19 at 10:41
I meant the `noscript` or `img` bit – Ali Beyit Dec 20 '19 at 10:51

noscript image when javascript is disabled

0 Answers0