Code Validation

Hi Nathalie,

The validation notice you’re seeing is due to a recent change to the responsive images spec. We have a fix in the works. In the mean time, if you are using tevkori_get_srcset_string to build your own image tags, you can manually add a sizes attribute that meets your needs. Some examples from the spec can be found here:

https://html.spec.whatwg.org/multipage/embedded-content.html#introduction-3:viewport-based-selection-2

shecodes,

IF your question was answered sufficiently, it would be advantageous to other viewers, to have you log back in and marked this particular thread as RESOLVED.

Hi Joe

Thanks for your comment, I’m not going mad then! I did try manually adding a ‘sizes’ attribute as per an article I’d found in the meantime over on css tricks by using what I have assumed is a default value sizes=”100vw”. So that sorts my custom image fields created with the ACF plugin.

I gather that for now, sit tight until there’s a plugin update to resolve for feature images and the images uploaded into posts?

This is what I had done:

<?php 

if (get_field('custom_image') != '') {
$image = get_field('custom_image');
//vars
$url = $image['url'];
$id = $image['id'];
$alt = $image['alt'];
echo "<img alt='$alt' sizes='100vw' src='$url' ";
echo tevkori_get_srcset_string( $id, 'full' );
echo "/>";
}

?>

The way your handling it should work fine. However, if you know the layout size of the image you can probably improve the value you’re using in the sizes attribute.

For a very detailed explanation of how this should work, check out this article by Eric Portis: https://ericportis.com/posts/2014/srcset-sizes/#part-2

Hope that helps.

Ha thanks Joe, although I’m not sure I’ve progressed much from the pea spewing image! Appreciate your help though.