Amazon Native Ads Trigger Issues In Lighthouse

Here is a snippet to use if you are receiving warnings regarding Accessibility and Best Practices when running a Lighthouse test in Chrome Dev (F12) related to in-page Amazon Ads.

  • Image elements have [alt] attributes
  • Links to cross-origin destinations are unsafe

Add the following code to the footer section of your page.

<script>
  setInterval(amzfix,2000);
  function amzfix() {
    jQuery('.amzn-native-product-title').prop('rel', 'nofollow noopener sponsored');
    jQuery('div.amzn-native-product-title-container > a').attr('rel', 'nofollow noopener sponsored');
    jQuery('a.amzn-native-brand-link').attr('rel', 'nofollow noopener sponsored');
    jQuery('a.amzn-native-adchoices-link').attr('rel', 'nofollow noopener sponsored');
    //  Add required alt tags to amazon ad images for best practices
    jQuery('div.amzn-native-product-image-container > div > img:not([alt])').attr('alt', 'Amazon Product Image');

    //For testing
  	//let val = jQuery('div.amzn-native-product-title-container > a').attr('rel');
  //console.log(val);
  }
</script>

 

Available for Amazon Prime